@charset "UTF-8";
html {
    font-family: pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif;
    background: #fff
}

[class^=uno-],[class^=uno-]:after,[class^=uno-]:before {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

button[class^=uno-],input[class^=uno-],select[class^=uno-] {
    -webkit-appearance: none
}

button[class^=uno-]:focus,input[class^=uno-]:focus,select[class^=uno-]:focus {
    outline: none
}

ol[class^=uno-],ul[class^=tpm1-],ul[class^=uno-] {
    list-style: none
}

@media screen and (min-width: 769px) {
    .uno-show-mobile {
        display:none
    }
}

@media screen and (max-width: 768px) {
    .uno-show-pc {
        display:none
    }
}

.uno-margin-tp-n {
    margin-top: 16px
}

.uno-margin-tp-2n {
    margin-top: 8px
}

.uno-margin-tp-3n,.uno-margin-tp-4n,.uno-margin-tp-5n,.uno-margin-tp-6n {
    margin-top: 16px
}

@media (min-width: 769px) {
    .uno-module {
        width:1180px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 768px) {
    .uno-module {
        width:100%;
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box
    }
}

.uno-button-middle {
    height: 36px;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 5px
}

.uno-button-large {
    height: 40px;
    font-size: 14px;
    line-height: 22px;
    padding: 9px 5px
}

.uno-button-small {
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    padding: 5px
}

.uno-button-loading .uno-button-inner-wrap {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.uno-button {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.uno-button-disabled {
    cursor: not-allowed
}

.uno-button-inner-wrap {
    position: relative;
    z-index: 10
}

.uno-button-loading .uno-button-inner-wrap {
    font-size: 0;
    background-size: 100% 100%;
    background-image: url(/web/jinglisafe/assets/images/cps/btn_loading.png);
    -webkit-animation: btn-loading .6s linear infinite forwards;
    animation: btn-loading .6s linear infinite forwards;
    vertical-align: middle
}

.uno-button-iconA.uno-button-loading .uno-icon-buy {
    background-image: none
}

.uno-button-bright.uno-button-loading .uno-button-inner-wrap,.uno-button-outlined.uno-button-loading .uno-button-inner-wrap {
    background-image: url(/web/jinglisafe/assets/images/cps/btn_loading_2.png)
}

.uno-button.uno-button-iconB.uno-button-loading {
    text-align: center
}

.uno-button.uno-button-iconB.uno-button-loading:after,.uno-button.uno-button-iconB.uno-button-loading:before {
    display: none
}

.uno-button.uno-button-iconB.uno-button-loading .uno-button-inner-wrap {
    display: inline-block;
    margin: auto;
    padding-left: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/btn_loading_2.png);
    width: 16px;
    height: 16px
}

.uno-button-large,.uno-button-middle,.uno-button-small {
    padding: 0
}

.uno-button-contained {
    border: none
}

.uno-button-contained.uno-button-primary {
    background: #0052d9;
    color: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-button-contained.uno-button-primary:active,.uno-button-contained.uno-button-primary:hover {
    background: #266fe8;
    color: #fff;
    box-shadow: none
}

.uno-button-contained.uno-button-primary.uno-button-disabled {
    background: #ecf2fe;
    color: #98a3b7;
    box-shadow: none;
    border: 1px solid #d6dbe3
}

.uno-button-contained.uno-button-buy {
    background: #ff7200;
    color: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-button-contained.uno-button-buy:active,.uno-button-contained.uno-button-buy:hover {
    background: #f06c00;
    color: #fff;
    box-shadow: none
}

.uno-button-contained.uno-button-buy.uno-button-disabled {
    background: #ecf2fe;
    color: #98a3b7;
    box-shadow: none;
    border: 1px solid #d6dbe3
}

.uno-button-contained.uno-button-bright {
    background: #fff;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.25)
}

.uno-button-contained.uno-button-bright:active,.uno-button-contained.uno-button-bright:hover {
    background: hsla(0,0%,100%,.8);
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(44,54,69,.3),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-button-contained.uno-button-bright.uno-button-disabled {
    background: rgba(236,242,254,.4);
    color: hsla(0,0%,100%,.6);
    box-shadow: none
}

.uno-button-contained.uno-button-image {
    background-size: 100% 400%;
    background-image: url(/web/jinglisafe/assets/images/cps/btn_image_bg.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 0 0;
    box-shadow: none;
    color: #fff
}

.uno-button-contained.uno-button-image:hover {
    color: #fff;
    box-shadow: none;
    background-position: 0 -36px
}

.uno-button-contained.uno-button-image:active {
    color: #fff;
    box-shadow: none;
    background-position: 0 -72px
}

.uno-button-contained.uno-button-image.uno-button-disabled {
    color: hsla(0,0%,100%,.6);
    box-shadow: none;
    background-position: 0 -108px
}

.uno-button-contained.uno-button-iconA {
    background: #0052d9;
    color: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
}

.uno-button-contained.uno-button-iconA .uno-icon {
    margin-right: 6px
}

.uno-button-contained.uno-button-iconA:active,.uno-button-contained.uno-button-iconA:hover {
    background: #2670e8;
    color: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
}

.uno-button-contained.uno-button-iconA.uno-button-disabled {
    background: -webkit-linear-gradient(left,#ecf2fe,#ecf2fe);
    background: linear-gradient(90deg,#ecf2fe,#ecf2fe);
    color: #98a3b7;
    box-shadow: none;
    border: 1px solid #d6dbe3
}

.uno-button-contained.uno-button-iconA.uno-button-disabled .uno-icon.uno-icon-buy {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-buy-disabled.svg)
}

.uno-button-contained.uno-button-iconA.uno-button-disabled .uno-icon.uno-icon-time {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-time-disabled.svg)
}

.uno-button-contained.uno-button-iconB {
    position: relative;
    background: #fff;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border: 1px solid #0052d9
}

.uno-button-contained.uno-button-iconB .uno-button-inner-wrap {
    display: block;
    padding-left: 28px
}

.uno-button-contained.uno-button-iconB .uno-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 7px
}

.uno-button-contained.uno-button-iconB:before {
    position: absolute;
    width: 28px;
    height: 100%;
    content: "";
    display: inline-block;
    background: #0052d9;
    top: 0;
    left: 0
}

.uno-button-contained.uno-button-iconB:after {
    position: absolute;
    border-left: 8px solid #0052d9;
    border-top: 34px solid transparent;
    content: "";
    display: block;
    top: 0;
    left: 28px
}

.uno-button-contained.uno-button-iconB:active,.uno-button-contained.uno-button-iconB:hover {
    background: #ecf2fe;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-color: #0052d9
}

.uno-button-contained.uno-button-iconB.uno-button-disabled {
    background: -webkit-linear-gradient(left,#ecf2fe,#ecf2fe);
    background: linear-gradient(90deg,#ecf2fe,#ecf2fe);
    color: #98a3b7;
    box-shadow: none;
    border-color: #d6dbe3
}

.uno-button-contained.uno-button-iconB.uno-button-disabled .uno-icon {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-buy-disabled.svg);
    cursor: not-allowed
}

.uno-button-contained.uno-button-iconB.uno-button-disabled:after {
    border-left: 8px solid rgba(212,227,252,.8)
}

.uno-button-contained.uno-button-iconB.uno-button-disabled:before {
    background: rgba(212,227,252,.8)
}

.uno-button-outlined.uno-button-primary {
    background: #fff;
    border: 1px solid #fff;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-button-outlined.uno-button-primary:active,.uno-button-outlined.uno-button-primary:hover {
    background: #ecf2fe;
    border: 1px solid #0052d9;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-button-outlined.uno-button-primary.uno-button-disabled {
    background: #ecf2fe;
    border: 1px solid #d6dbe3;
    color: #98a3b7;
    box-shadow: none
}

.uno-button-outlined.uno-button-weak {
    background: #fff;
    border: 1px solid #0052d9;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-button-outlined.uno-button-weak:active,.uno-button-outlined.uno-button-weak:hover {
    background: #ecf2fe;
    border: 1px solid #0052d9;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-button-outlined.uno-button-weak.uno-button-disabled {
    background: #ecf2fe;
    border: 1px solid #d6dbe3;
    color: #98a3b7;
    box-shadow: none
}

.uno-button-outlined.uno-button-bright {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    box-shadow: none
}

.uno-button-outlined.uno-button-bright:active,.uno-button-outlined.uno-button-bright:hover {
    background: #fff;
    border: none;
    color: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.25)
}

.uno-button-outlined.uno-button-bright.uno-button-disabled {
    background: rgba(236,242,254,.4);
    border: none;
    color: hsla(0,0%,100%,.6);
    box-shadow: none
}

@-webkit-keyframes btn-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes btn-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes RotatinAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes RotatinAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.uno-input {
    font-size: 14px;
    line-height: 22px;
    padding: 7px 8px;
    height: 36px;
    border: 1px solid transparent;
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 2px;
    min-width: 40px;
    display: inline-block;
    vertical-align: middle
}

.uno-input::-webkit-input-placeholder {
    color: #97a3b7
}

.uno-input::-moz-placeholder,.uno-input::-ms-input-placeholder,.uno-input::-webkit-input-placeholder,.uno-input::placeholder {
    color: #97a3b7
}

.uno-input:focus,.uno-input:focus:hover,.uno-input:hover {
    border-color: #0052d9;
    background: #fff;
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-input.uno-input-disabled,.uno-input.uno-input-disabled:hover {
    border-color: transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    cursor: not-allowed
}

.uno-input-search {
    display: inline-block;
    border-bottom: 1px solid #d6dbe3
}

.uno-input-search-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-image: url(/web/jinglisafe/assets/images/cps/input_icon_search.svg)
}

.uno-input-search .uno-input {
    border: none;
    display: inline-block;
    vertical-align: middle
}

.uno-input-search .uno-input:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.uno-input-search.uno-input-search-statu {
    border-bottom: none
}

.uno-input-search .uno-input-search-statu-inner {
    border-top: 1px solid #d6dbe3;
    width: 100%;
    padding: 50px;
    text-align: center
}

.uno-input-search .uno-input-search-no-result {
    font-size: 14px;
    line-height: 22px;
    color: #181818
}

.uno-input-search .uno-input-search-loading {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/web/jinglisafe/assets/images/cps/input_icon_loading.png) no-repeat 50%;
    background-size: contain;
    -webkit-animation: RotatinAnimation .5s linear infinite;
    animation: RotatinAnimation .5s linear infinite
}

.uno-select-dropdown::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.uno-select-dropdown::-webkit-scrollbar-button {
    background-color: transparent
}

.uno-select-dropdown::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.uno-select-dropdown::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno-select {
    position: relative
}

.uno-select-placeholder {
    color: #97a3b7
}

.uno-select-item-badge {
    position: relative
}

.uno-select-item-badge .uno-badge {
    position: absolute;
    right: 26px;
    top: 9px
}

.uno-select-item-badge .uno-select-btn {
    padding-right: 53px
}

.uno-select:not(.uno-select-item-badge) .uno-select-btn>span:not(.uno-text) {
    display: inline-block;
    width: 100%
}

.uno-select-btn,.uno-select:not(.uno-select-item-badge) .uno-select-btn>span:not(.uno-text)>div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-select-btn {
    z-index: 10;
    height: 36px;
    border: 1px solid transparent;
    padding: 7px 28px 7px 8px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 22px
}

.uno-select-btn,.uno-select-btn:hover {
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-select-btn:hover {
    border: 1px solid #0052d9
}

.uno-select-btn.uno-select-item-badge {
    padding-right: 65px
}

.uno-select-btn.uno-select-item-badge .uno-badge {
    right: 25px
}

.uno-select-btn-caret {
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url(/web/jinglisafe/assets/images/cps/select_arrow_normal.svg);
    right: 8px;
    top: 10px;
    -webkit-transition: transform .2s;
    transition: transform .2s;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.uno-select-disabled .uno-select-btn {
    border: 1px solid transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    cursor: not-allowed
}

.uno-select-disabled .uno-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/cps/select_arrow_disabled.svg)
}

.uno-select-active .uno-select-btn {
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    border-color: #0052d9;
    z-index: 1200
}

.uno-select-active .uno-select-btn:hover {
    border-color: #0052d9
}

.uno-select-active .uno-select-dropdown {
    display: block
}

.uno-select-active .uno-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/cps/select_arrow_hover.svg)
}

.uno-select-group-tit {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    color: #97a3b7;
    padding: 7px 8px;
    position: relative
}

.uno-select-group-tit .uno-badge {
    position: absolute;
    right: 26px;
    top: 9px
}

.uno-select-dropdown {
    position: absolute;
    width: 100%;
    display: none;
    margin-bottom: 20px;
    z-index: 1300;
    border: 1px solid #dadde2;
    top: 100%;
    margin-top: -1px;
    left: 0;
    background: #fff;
    max-height: 340px;
    overflow: auto;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
}

.uno-select-dropdown-item {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #fff;
    color: #181818;
    padding: 7px 8px;
    cursor: pointer
}

.uno-select-dropdown-item-active {
    background: transparent;
    color: #0052d9
}

.uno-select-dropdown-item:hover {
    background: -webkit-linear-gradient(left,rgba(218,232,252,.8),rgba(222,233,253,.8));
    background: linear-gradient(90deg,rgba(218,232,252,.8),rgba(222,233,253,.8))
}

.uno-select-dropdown-item-disabled,.uno-select-dropdown-item-disabled:hover {
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    cursor: not-allowed
}

.uno-select-dropdown-item:not(.uno-select-item-badge)>span>span:not(.uno-text) {
    display: inline-block;
    width: 100%
}

.uno-select-dropdown-item:not(.uno-select-item-badge)>span>span:not(.uno-text) div {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-select-dropdown-item.uno-select-item-badge {
    padding-right: 65px
}

.uno-select-dropdown.uno-select-dropdown-show {
    display: block
}

.uno-select-group-con .uno-select-dropdown-item {
    padding-left: 20px
}

.uno-select .uno-input-search {
    width: calc(100% - 16px);
    margin: 0 8px
}

.uno-select .uno-input-search .uno-input {
    background: transparent;
    width: calc(100% - 16px)
}

.uno-select .uno-input-search .uno-input::-webkit-search-cancel-button {
    display: none
}

.uno-select-dropdown .uno-input-search {
    width: calc(100% - 16px);
    margin: 0 8px
}

.uno-select-dropdown .uno-input-search .uno-input {
    background: transparent;
    width: calc(100% - 16px);
    box-shadow: none
}

.uno-select-dropdown .uno-input-search .uno-input::-webkit-search-cancel-button {
    display: none
}

@media (max-width: 768px) {
    .uno-page-with-dialog .uno-select-dropdown {
        max-height:140px
    }
}

.demo-select-wrap-yunjing {
    width: 188px
}

.uno-select-yunjing .uno-select-dropdown {
    padding: 8px 0
}

.uno-select-yunjing .uno-select-yunjing-item-name {
    padding: 0 8px;
    display: block;
    font-size: 14px;
    color: #495770;
    letter-spacing: 0;
    line-height: 22px
}

.uno-select-yunjing .uno-select-dropdown {
    min-width: 340px
}

@media screen and (max-width: 768px) {
    .uno-select-yunjing .uno-select-dropdown {
        min-width:auto;
        width: 100%
    }
}

.uno-select-yunjing.uno-select-dropdown {
    padding: 8px 0
}

.uno-select-yunjing .uno-checkbox-wrap {
    padding-left: 30px
}

.uno-select-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-checkbox-text,.uno-select-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-select-yunjing-item-desc,.uno-select-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-select-yunjing-item-name {
    color: #0052d9
}

.uno-select-yunjing .uno-select-yunjing-checkbox.uno-checkbox-groups .uno-checkbox-wrap:nth-child(n+4) {
    margin-top: 8px
}

.uno-select-yunjing .uno-select-yunjing-checkbox.uno-checkbox-groups .uno-checkbox-wrap:nth-child(3n+1) {
    margin-left: 0
}

.uno-select-yunjing .uno-select-yunjing-checkbox,.uno-select-yunjing .uno-select-yunjing-checkbox.uno-checkbox-groups {
    padding: 8px;
    font-size: 0
}

.uno-select-yunjing .uno-select-border-b {
    position: relative
}

.uno-select-yunjing .uno-select-border-b:after {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: 1px;
    background: #dadde2;
    bottom: 0;
    left: 10px
}

.uno-select-yunjing .uno-select-yunjing-list {
    padding: 2px 0 8px;
    font-size: 0
}

.uno-select-yunjing .uno-select-yunjing-item {
    padding: 8px 0
}

.uno-select-yunjing .uno-checkbox-groups .uno-checkbox-wrap {
    margin-right: 12px
}

.uno-select-yunjing .uno-checkbox-groups .uno-checkbox-wrap:nth-child(n+2) {
    margin-left: 0
}

.uno-select-yunjing .uno-checkbox-text {
    color: #495770
}

.uno-select-yunjing .uno-checkbox-text .uno-select-yunjing-item-name {
    padding: 0 8px;
    display: block;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 22px
}

.uno-select-yunjing.uno-select-dropdown {
    min-width: 340px!important
}

@media screen and (max-width: 768px) {
    .uno-select-yunjing.uno-select-dropdown {
        min-width:auto!important;
        max-height: 200px
    }
}

.uno-select-yunjing.uno-select-yunjing-main .uno-select-yunjing-list {
    padding: 0;
    font-size: 0
}

.uno-select-yunjing.uno-select-yunjing-main .uno-select-yunjing-item-name {
    padding: 0
}

.uno-select-yunjing.uno-select-yunjing-main .uno-select-yunjing-item-desc {
    margin-top: 1px;
    font-size: 12px;
    color: #495770;
    text-align: left;
    line-height: 18px
}

.uno-select-yunjing.uno-select-yunjing-main .uno-select-yunjing-item {
    margin-top: 0;
    padding: 12px 8px
}

.uno-select-yunjing.uno-select-yunjing-main .uno-select-yunjing-item .uno-checkbox {
    top: 14px
}

.uno-checkbox-inner {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.uno-checkbox {
    position: absolute;
    left: 0;
    top: 3px
}

.uno-checkbox-wrap {
    font-size: 0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 24px;
    color: #181818
}

.uno-checkbox-wrap-only-box {
    display: inline-block;
    vertical-align: 4px;
    margin-right: 8px;
    padding: 0;
    line-height: 20px
}

.uno-checkbox-wrap:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_hover.svg)
}

.uno-checkbox-wrap-checked:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_checked_hover.svg)
}

.uno-checkbox-wrap-disabled {
    cursor: not-allowed
}

.uno-checkbox-wrap-disabled .uno-checkbox-inner {
    cursor: not-allowed
}

.uno-checkbox-wrap-disabled .uno-checkbox-inner,.uno-checkbox-wrap-disabled:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_disabled.svg)
}

.uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked .uno-checkbox-inner {
    cursor: not-allowed;
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_checked_disabled.svg)
}

.uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_checked_disabled.svg)
}

.uno-checkbox-wrap-checked .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_checked_normal.svg)
}

.uno-checkbox-wrap-indeterminate.uno-checkbox-wrap .uno-checkbox-inner,.uno-checkbox-wrap-indeterminate.uno-checkbox-wrap:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_indeterminate_normal.svg)
}

.uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/checkbox_normal.svg);
    vertical-align: middle
}

.uno-checkbox-text {
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle
}

.uno-checkbox-input {
    display: none
}

.uno-checkbox-desc {
    color: #4b5b76;
    margin-top: 4px
}

.uno-checkbox-groups {
    font-size: 0
}

.uno-checkbox-groups .uno-checkbox-wrap:nth-child(n+2) {
    margin-left: 16px
}

.uno-radio-wrap {
    display: inline-block
}

.uno-radio-wrap+.uno-radio-wrap {
    margin-left: 16px
}

.uno-radio-wrap .uno-radio {
    font-size: 0;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

.uno-radio-wrap .uno-radio-inner {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(/web/jinglisafe/assets/images/cps/radio_normal.svg) no-repeat;
    background-size: cover
}

.uno-radio-wrap .uno-radio-text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    text-align: left
}

.uno-radio-wrap:hover {
    cursor: pointer
}

.uno-radio-wrap:hover .uno-radio-inner {
    background: url(/web/jinglisafe/assets/images/cps/radio_hover.svg) no-repeat
}

.uno-radio-wrap.uno-radio-checked .uno-radio-inner {
    background: url(/web/jinglisafe/assets/images/cps/radio_checked.svg) no-repeat
}

.uno-radio-wrap.uno-radio-disabled {
    cursor: not-allowed
}

.uno-radio-wrap.uno-radio-disabled .uno-radio-inner {
    background: url(/web/jinglisafe/assets/images/cps/radio_disabled.svg) no-repeat
}

.uno-radio-wrap.uno-radio-disabled .uno-radio-text {
    color: #97a3b7
}

.uno-radio-btn {
    display: inline-block;
    width: 49px;
    height: 36px;
    padding: 6px 5px;
    text-align: center;
    cursor: pointer;
    position: relative;
    color: #181818;
    background: #fff;
    border: 1px solid transparent;
    margin-left: -1px;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 2px;
    font-size: 14px;
    line-height: 22px
}

.uno-radio-btn .uno-badge {
    position: absolute;
    right: -1px;
    top: -13px
}

.uno-radio-btn+.uno-radio-btn:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: calc(100% - 20px);
    background: #d6dbe3;
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno-radio-btn-checked {
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    color: #0052d9
}

.uno-radio-btn-checked .uno-badge {
    color: #fff;
    background: #ff7800;
    border: 1px solid #ff7800
}

.uno-radio-btn:hover {
    background: #fff;
    z-index: 10;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-radio-btn:after {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    bottom: -1px;
    right: -1px;
    display: block;
    box-sizing: border-box;
    z-index: 10;
    border-radius: 2px
}

.uno-radio-btn:hover:after {
    content: "";
    position: absolute;
    border: 1px solid #0052d9
}

.uno-radio-btn-checked:after,.uno-radio-btn-checked:first-child:after,.uno-radio-btn-checked:hover:after {
    border: 1px solid #0052d9
}

.uno-radio-btn-checked.uno-radio-btn:before {
    background: #0052d9
}

.uno-radio-btn .uno-badge {
    z-index: 20
}

.uno-radio-btn-disabled.uno-radio-btn {
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    cursor: not-allowed
}

.uno-radio-btn-disabled.uno-radio-btn:hover {
    z-index: auto
}

.uno-radio-btn-disabled.uno-radio-btn:hover:after {
    border-color: transparent
}

.uno-radio-groups-flex .uno-radio-btn {
    width: auto;
    min-width: 100px
}

.uno-radio-groups {
    font-size: 0;
    line-height: 36px
}

.uno-radio-block {
    display: inline-block;
    width: 112px;
    padding: 11px 12px;
    cursor: pointer;
    position: relative;
    color: #181818;
    margin-right: 10px;
    font-size: 14px;
    line-height: 22px;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 2px
}

.uno-radio-block .uno-radio-block-text,.uno-radio-block .uno-radio-block-tit {
    color: #181818
}

.uno-radio-block:hover {
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-radio-block .uno-badge {
    position: absolute;
    right: -1px;
    top: -11px
}

.uno-radio-block:first-child {
    margin-left: -1px
}

.uno-radio-block-checked {
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    color: #0052d9
}

.uno-radio-block-checked .uno-badge {
    color: #fff;
    background: #ff7800;
    border: 1px solid #ff7800
}

.uno-radio-block-checked .uno-radio-block-text,.uno-radio-block-checked .uno-radio-block-tit {
    color: #0052d9
}

.uno-radio-block:after {
    z-index: 10;
    border: 1px solid transparent;
    border-radius: 2px
}

.uno-radio-block:after,.uno-radio-block:hover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    right: 0
}

.uno-radio-block-checked:after,.uno-radio-block-checked:hover:after,.uno-radio-block:hover:after {
    border: 1px solid #0052d9
}

.uno-radio-block .uno-badge {
    z-index: 20
}

.uno-radio-block-text {
    margin-top: 6px;
    color: #181818
}

.uno-radio-block-disabled.uno-radio-block {
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    cursor: not-allowed
}

.uno-radio-block-disabled.uno-radio-block .uno-radio-block-text,.uno-radio-block-disabled.uno-radio-block .uno-radio-block-tit {
    color: #97a3b7
}

.uno-radio-block-disabled.uno-radio-block:hover:after {
    border-color: transparent
}

@media screen and (max-width: 768px) {
    .uno-radio-btn {
        width:25%
    }

    .uno-radio-btn:nth-child(n+5) {
        margin-top: 8px
    }
}

.uno-input-number-minus:after,.uno-input-number-plus:after {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.uno-input-number {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.uno-input-number .uno-input {
    background: #fff;
    vertical-align: top;
    width: 48px;
    text-align: center;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    padding-left: 2px;
    padding-right: 2px;
    z-index: 10
}

.uno-input-number .uno-input:focus,.uno-input-number .uno-input:hover {
    z-index: 30
}

.uno-input-number-minus,.uno-input-number-plus {
    width: 36px;
    height: 36px;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    background: #fff;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    box-shadow: inset 0 4px 20px 4px hsla(0,0%,100%,.5),4px 0 10px 0 rgba(55,99,170,.1);
    z-index: 20
}

.uno-input-number-minus:hover,.uno-input-number-plus:hover {
    border: 1px solid #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    background: #fff;
    z-index: 20
}

.uno-input-number-minus:before,.uno-input-number-plus:before {
    content: "";
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.uno-input-number-minus:after,.uno-input-number-plus:after {
    content: "";
    vertical-align: middle
}

.uno-input-number-plus {
    box-shadow: inset 0 4px 20px 4px hsla(0,0%,100%,.5),-4px 0 10px 0 rgba(55,99,170,.1)
}

.uno-input-number-minus-disabled,.uno-input-number-minus-disabled:hover,.uno-input-number-plus-disabled,.uno-input-number-plus-disabled:hover {
    border: 1px solid transparent;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),4px 0 10px 0 rgba(55,99,170,.1);
    cursor: not-allowed
}

.uno-input-number-plus-disabled,.uno-input-number-plus-disabled:hover {
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),-4px 0 10px 0 rgba(55,99,170,.1)
}

.uno-input-number-minus:after {
    background-image: url(/web/jinglisafe/assets/images/cps/minus_normal.svg)
}

.uno-input-number-minus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/minus_hover.svg)
}

.uno-input-number-minus-disabled:after,.uno-input-number-minus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/minus_disabled.svg)
}

.uno-input-number-plus:after {
    background-image: url(/web/jinglisafe/assets/images/cps/plus_normal.svg)
}

.uno-input-number-plus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/plus_hover.svg)
}

.uno-input-number-plus-disabled:after,.uno-input-number-plus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/plus_disabled.svg)
}

.uno-input-number-unit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    vertical-align: middle;
    margin-left: 10px;
    display: inline-block
}

.uno-badge {
    width: 38px;
    height: 16px;
    box-sizing: content-box;
    font-size: 12px;
    line-height: 18px;
    line-height: 16px;
    color: #ff7800;
    background: #fff;
    border: 1px solid #ff7800;
    border-radius: 2px;
    text-align: center;
    display: inline-block
}

.uno-badge-out {
    color: #97a3b7;
    background: #fff;
    border: 1px solid #97a3b7
}

.uno-form .uno-checkbox-groups {
    padding: 7px 0
}

.uno-form-label {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    width: 84px;
    overflow: hidden;
    line-height: 1
}

.uno-form-label-inner {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #4b5b76;
    word-break: break-all
}

.uno-form-label {
    position: relative
}

.uno-form-label:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.uno-form-value {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-left: 12px;
    width: calc(100% - 97px)
}

.uno-form-value-inner {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #181818;
    width: 100%;
    word-break: break-all;
    white-space: normal
}

.uno-form-item {
    font-size: 0;
    line-height: 1;
    margin-bottom: 16px
}

.uno-form-item:last-child {
    margin-bottom: 0
}

.uno-form-item-config .uno-form-label {
    height: 36px
}

.uno-form-item .uno-form-tip-inline.uno-form-tip {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.uno-form-item .uno-form-item {
    font-size: 0;
    margin-bottom: 0
}

.uno-form-item .uno-form-item .uno-form-value {
    margin-left: 0;
    width: 100%
}

.uno-form-item .uno-form-item:last-child {
    margin-bottom: 0
}

.uno-form-item-w80 {
    width: 80px
}

.uno-form-item-w108 {
    width: 108px
}

.uno-form-item-w118 {
    width: 118px
}

.uno-form-item-w249 {
    width: 249px
}

.uno-form-item-w273 {
    width: 273px
}

.uno-form-item-w336 {
    width: 336px
}

.uno-form-title {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    margin-bottom: 12px
}

.uno-form-tip {
    color: #97a3b7;
    margin-top: 8px
}

.uno-form-tip,.uno-form-tip .uno-link {
    font-size: 12px;
    line-height: 18px
}

.uno-form-tip-success {
    color: #0cbf5b
}

.uno-form-tip-error {
    color: #f64041
}

.uno-form .uno-select {
    width: 200px;
    display: inline-block;
    vertical-align: middle
}

.uno-form .uno-input {
    width: 200px
}

.uno-form .uno-input-number .uno-input {
    width: 48px
}

.uno-form .uno-form-input-btn .uno-button {
    margin-left: 10px
}

@media screen and (min-width: 769px) {
    .uno-form .uno-form-item .uno-form-item+.uno-form-item {
        margin-top:12px
    }
}

@media screen and (max-width: 768px) {
    .uno-form-item-config .uno-form-value {
        width:100%
    }

    .uno-form-item-config .uno-form-label {
        height: 22px;
        margin-bottom: 8px;
        display: block
    }

    .uno-form .uno-input,.uno-form .uno-select {
        width: 100%
    }

    .uno-form .uno-form-title {
        margin-bottom: 8px
    }

    .uno-form-item {
        margin-bottom: 12px
    }

    .uno-form .uno-form-input-btn .uno-input {
        width: calc(100% - 128px)
    }

    .uno-form .uno-form-input-btn .uno-button {
        margin-left: 8px
    }
}

.uno-form-vertical .uno-form-label {
    display: block;
    margin: 0 0 12px;
    height: auto
}

.uno-form-vertical .uno-form-value {
    display: block;
    width: 100%;
    margin: 0;
    height: auto
}

@media screen and (max-width: 768px) {
    .uno-form-vertical .uno-form-label {
        margin-bottom:8px
    }
}

.uno-form-input-button .uno-button,.uno-form-select-inumber .uno-input-number,.uno-form-select-select .uno-select+.uno-select {
    margin-left: 12px
}

@media (min-width: 769px) {
    .uno-form .uno-form-item-wrap-inline .uno-form-item {
        max-width:200px;
        display: inline-block;
        vertical-align: top
    }

    .uno-form .uno-form-item-wrap-inline .uno-form-item .uno-form-value {
        vertical-align: middle
    }

    .uno-form .uno-form-item-wrap-inline .uno-form-item+.uno-form-item {
        margin-top: 0;
        margin-left: 12px
    }
}

@media screen and (max-width: 768px) {
    .uno-form-select-inumber .uno-input-number,.uno-form-select-select .uno-select+.uno-select {
        margin-left:0;
        margin-top: 8px
    }

    .uno-form-input-button {
        position: relative
    }

    .uno-form-input-button .uno-input {
        padding-right: 100px
    }

    .uno-form-input-button .uno-button {
        margin-left: 0;
        position: absolute;
        right: 0;
        top: 0;
        min-width: 80px
    }
}

.uno-form+.uno-form {
    margin-top: 16px
}

@media screen and (max-width: 768px) {
    .uno-form-item-config .uno-radio-groups-with-tag {
        margin-top:6px
    }

    .uno-form-item-config .uno-radio-groups-with-tag .uno-radio-btn:nth-child(n+5) {
        margin-top: 18px
    }
}

@media screen and (min-width: 769px) {
    .uno-form-item-mt22.uno-form-item-config {
        margin-top:22px
    }

    .uno-buy-bar .uno-form-item-mt22.uno-form-item-config {
        margin-top: 0
    }
}

@media screen and (max-width: 768px) {
    .uno-form-item-mt22.uno-form-item-config .uno-radio-groups {
        margin-top:12px
    }

    .uno-form-item-mt22.uno-form-item-config .uno-radio-groups .uno-radio-btn:nth-child(n+5) {
        margin-top: 18px
    }

    .uno-form-item-mt22.uno-form-item-config .uno-radio-groups .uno-radio-btn:nth-child(5n):before {
        background: transparent
    }
}

.uno-form-wrap-title {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    margin-bottom: 12px
}

@media screen and (max-width: 768px) {
    .uno-form-wrap-selected .uno-form-item {
        margin-bottom:8px
    }

    .uno-form-wrap-selected .uno-form-item:last-child {
        margin-bottom: 0
    }

    .uno-form-wrap-selected .uno-form-item-config .uno-form-label {
        display: inline-block;
        height: 36px;
        margin-bottom: 0
    }

    .uno-form-wrap-selected .uno-form-item-config .uno-form-value {
        display: inline-block;
        width: calc(100% - 97px);
        margin-left: 12px
    }

    .uno-form-wrap-config .uno-form-label {
        margin-bottom: 8px;
        width: 100%
    }

    .uno-form-wrap-config .uno-form-item,.uno-form-wrap-config .uno-form-item-config {
        margin-bottom: 12px
    }

    .uno-form-wrap-config .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-form-wrap-config .uno-form-value-inner .uno-form-item-config {
        margin-bottom: 8px
    }

    .uno-form-wrap-config .uno-form-value-inner .uno-form-item-config:last-child {
        margin-bottom: 0
    }
}

.uno-form-item-error .uno-input,.uno-form-item-error .uno-input:focus,.uno-form-item-error .uno-input:hover,.uno-form-item-error .uno-select-btn,.uno-form-item-error .uno-select-btn:focus,.uno-form-item-error .uno-select-btn:hover {
    border-color: #f64041;
    color: #f64041
}

.uno-form-input-button .uno-button {
    width: 60px;
    min-width: 60px;
    padding: 7px 0;
    text-align: center
}

.uno-form-item.uno-form-item-domain-single .uno-form-value-inner,.uno-form-item.uno-form-item-domain .uno-form-value-inner {
    position: relative
}

.uno-form-item.uno-form-item-domain-single .uno-select,.uno-form-item.uno-form-item-domain .uno-select {
    width: 78px;
    position: absolute;
    left: 123px
}

.uno-form-item.uno-form-item-domain-single .uno-select-btn,.uno-form-item.uno-form-item-domain .uno-select-btn {
    box-shadow: none
}

.uno-form-item.uno-form-item-domain-single .uno-button,.uno-form-item.uno-form-item-domain .uno-button {
    width: 60px;
    min-width: 60px;
    padding: 7px 0;
    margin-left: 12px;
    text-align: center
}

.uno-form-item.uno-form-item-domain-single .uno-input,.uno-form-item.uno-form-item-domain .uno-input {
    padding-right: 80px
}

.uno-form-item.uno-form-item-domain-single .uno-select-btn,.uno-form-item.uno-form-item-domain .uno-select-btn {
    border-color: transparent;
    background: transparent;
    position: relative;
    padding-right: 20px;
    padding-left: 5px
}

.uno-form-item.uno-form-item-domain-single .uno-select-btn .uno-select-btn-caret,.uno-form-item.uno-form-item-domain .uno-select-btn .uno-select-btn-caret {
    right: 4px
}

.uno-form-item.uno-form-item-domain-single .uno-select-btn:after,.uno-form-item.uno-form-item-domain .uno-select-btn:after {
    position: absolute;
    content: "";
    width: 1px;
    height: calc(100% - 18px);
    top: 9px;
    left: 0;
    background: #d6dbe3
}

.uno-form-item.uno-form-item-domain-single .uno-input+span,.uno-form-item.uno-form-item-domain .uno-input+span {
    width: 62px;
    position: absolute;
    left: 139px;
    height: 36px;
    display: inline-block;
    line-height: 36px;
    padding-left: 6px;
    padding-right: 6px;
    box-sizing: border-box
}

.uno-form-item.uno-form-item-domain-single .uno-input {
    padding-right: 62px
}

@media (max-width: 768px) {
    .uno-form-item.uno-form-item-domain-single .uno-select,.uno-form-item.uno-form-item-domain .uno-select {
        width:95px;
        position: absolute;
        right: 60px;
        left: auto
    }

    .uno-form-item.uno-form-item-domain-single .uno-button,.uno-form-item.uno-form-item-domain .uno-button {
        min-width: 60px;
        width: 60px;
        padding: 7px 0;
        text-align: center;
        margin-left: -1px
    }

    .uno-form-item.uno-form-item-domain-single .uno-input,.uno-form-item.uno-form-item-domain .uno-input {
        padding-right: 100px;
        width: calc(100% - 60px)
    }

    .uno-form-item.uno-form-item-domain-single .uno-select-btn,.uno-form-item.uno-form-item-domain .uno-select-btn {
        border-color: transparent;
        background: transparent;
        position: relative;
        padding-right: 26px;
        padding-left: 8px
    }

    .uno-form-item.uno-form-item-domain-single .uno-select-btn .uno-select-btn-caret,.uno-form-item.uno-form-item-domain .uno-select-btn .uno-select-btn-caret {
        right: 10px
    }

    .uno-form-item.uno-form-item-domain-single .uno-select-btn:after,.uno-form-item.uno-form-item-domain .uno-select-btn:after {
        position: absolute;
        content: "";
        width: 1px;
        height: calc(100% - 18px);
        top: 9px;
        left: 0;
        background: #d6dbe3
    }

    .uno-form-item.uno-form-item-domain-single .uno-input+span,.uno-form-item.uno-form-item-domain .uno-input+span {
        width: 62px;
        position: absolute;
        left: auto;
        right: 60px;
        height: 36px;
        display: inline-block;
        line-height: 36px;
        padding-left: 6px;
        padding-right: 6px;
        box-sizing: border-box
    }

    .uno-form-item.uno-form-item-domain-single .uno-input {
        padding-right: 62px;
        width: calc(100% - 60px)
    }
}

@media (min-width: 769px) {
    .uno-form-select-button .uno-button {
        margin-left:12px;
        min-width: 60px;
        width: 60px;
        position: relative
    }
}

@media (max-width: 768px) {
    .uno-form-select-button {
        position:relative
    }

    .uno-form-select-button .uno-select {
        width: calc(100% - 60px)
    }

    .uno-form-select-button .uno-button {
        width: 60px;
        min-width: 60px
    }
}

.uno-form .rdtPicker {
    min-width: 300px
}

.uno-form .rdtPicker tr td {
    height: 36px
}

.uno-form .rdtPicker .rdtDays thead tr:first-child th {
    padding-bottom: 6px
}

.uno-form .rdtPicker .rdtDays thead tr+tr .dow {
    padding-top: 6px
}

.uno-form .rdtPicker .rdtDays thead tr+tr .dow:first-child {
    padding-left: 16px
}

.uno-form .rdtPicker .rdtDays thead tr+tr .dow:last-child {
    padding-right: 16px
}

.uno-form .rdtPicker .rdtDays tbody tr td:first-child {
    padding-left: 16px
}

.uno-form .rdtPicker .rdtDays tbody tr td:first-child:after,.uno-form .rdtPicker .rdtDays tbody tr td:first-child:hover:after {
    left: calc(50% - 4px)
}

.uno-form .rdtPicker .rdtDays tbody tr td:last-child {
    padding-right: 16px
}

.uno-form .rdtPicker .rdtDays tbody tr td:last-child:after,.uno-form .rdtPicker .rdtDays tbody tr td:last-child:hover:after {
    left: calc(50% - 20px)
}

.uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child {
    cursor: pointer;
    position: relative
}

.uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:hover {
    color: #0052d9
}

.uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:before {
    content: "\2039";
    display: inline-block;
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    left: 16px;
    top: calc(50% - 11.5px);
    font-size: 21px
}

.uno-form .rdtPicker td.rdtActive.rdtDay,.uno-form .rdtPicker td.rdtActive.rdtDay:hover {
    background-color: transparent;
    color: #0052d9;
    text-shadow: none;
    position: relative
}

.uno-form .rdtPicker td.rdtActive.rdtDay:after,.uno-form .rdtPicker td.rdtActive.rdtDay:hover:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #97a3b7;
    position: absolute;
    box-sizing: border-box;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.uno-form .rdtPicker td.rdtToday:before {
    display: none
}

.uno-form thead>tr:first-child {
    position: relative
}

.uno-form thead>tr:first-child:after {
    content: "";
    height: 1px;
    width: calc(100% + 10px);
    background: #d6dbe3;
    display: block;
    position: absolute;
    bottom: 1px;
    left: -5px
}

.uno-form .rdtDays tfoot {
    position: relative
}

.uno-form .rdtDays tfoot:before {
    content: "";
    height: 1px;
    width: calc(100% + 10px);
    background: #d6dbe3;
    display: block;
    position: absolute;
    top: 1px;
    left: -5px
}

.uno-form .rdtPicker .rdtTimeToggle:hover,.uno-form .rdtPicker td.rdtDay:hover,.uno-form .rdtPicker td.rdtHour:hover,.uno-form .rdtPicker td.rdtMinute:hover,.uno-form .rdtPicker td.rdtSecond:hover {
    color: #0052d9;
    background: transparent
}

.uno-form .rdtPicker td.rdtActive.rdtMonth,.uno-form .rdtPicker td.rdtActive.rdtMonth:hover,.uno-form .rdtPicker td.rdtActive.rdtYear,.uno-form .rdtPicker td.rdtActive.rdtYear:hover {
    border: 1px solid #0052d9;
    background: transparent;
    color: #0052d9
}

.uno-form .rdtCounter .rdtBtn:hover,.uno-form .rdtPicker thead tr:first-of-type th:hover,.uno-form td.rdtMonth:hover,.uno-form td.rdtYear:hover {
    background: transparent;
    color: #0052d9
}

.uno-form .rdtPicker th {
    font-weight: 400
}

.uno-form .rdtPicker .rdtTimeToggle {
    color: #0052d9
}

.uno-form .rdtPicker td.rdtToday.rdtDay {
    color: #0052d9;
    position: relative
}

.uno-form .rdtPicker td.rdtToday.rdtDay:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #0052d9;
    position: absolute;
    box-sizing: border-box;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.uno-form .rdtPicker td.rdtNew,.uno-form .rdtPicker td.rdtOld {
    color: #97a3b7
}

.uno-form .rdtPicker td {
    box-sizing: border-box
}

.uno-form .rdtPicker th.rdtNext,.uno-form .rdtPicker th.rdtPrev {
    vertical-align: middle;
    color: #4b5b76
}

.uno-form .form-control {
    width: 200px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 8px;
    height: 36px;
    border: 1px solid transparent;
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 2px;
    min-width: 40px;
    display: inline-block;
    vertical-align: middle
}

.uno-form .form-control::-moz-placeholder,.uno-form .form-control::-ms-input-placeholder,.uno-form .form-control::-webkit-input-placeholder {
    color: #97a3b7
}

.uno-form .form-control:focus,.uno-form .form-control:focus:hover,.uno-form .form-control:hover {
    border-color: #0052d9;
    background: #fff;
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-form .form-control.uno-form-disabled,.uno-form .form-control.uno-form-disabled:hover {
    border-color: transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    cursor: not-allowed
}

@media (max-width: 768px) {
    .uno-form .form-control {
        width:100%
    }
}

/*!
 * https://github.com/arqex/react-datetime
 */
.rdt {
    position: relative
}

.rdtPicker {
    display: none;
    position: absolute;
    min-width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999!important;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid #f9f9f9
}

.rdtOpen .rdtPicker {
    display: block
}

.rdtStatic .rdtPicker {
    box-shadow: none;
    position: static
}

.rdtPicker .rdtTimeToggle {
    text-align: center
}

.rdtPicker table {
    width: 100%;
    margin: 0
}

.rdtPicker td,.rdtPicker th {
    text-align: center;
    height: 28px
}

.rdtPicker td {
    cursor: pointer
}

.rdtPicker .rdtTimeToggle:hover,.rdtPicker td.rdtDay:hover,.rdtPicker td.rdtHour:hover,.rdtPicker td.rdtMinute:hover,.rdtPicker td.rdtSecond:hover {
    background: #eee;
    cursor: pointer
}

.rdtPicker td.rdtNew,.rdtPicker td.rdtOld {
    color: #999
}

.rdtPicker td.rdtToday {
    position: relative
}

.rdtPicker td.rdtToday:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0,0,0,.2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.rdtPicker td.rdtActive,.rdtPicker td.rdtActive:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

.rdtPicker td.rdtActive.rdtToday:before {
    border-bottom-color: #fff
}

.rdtPicker td.rdtDisabled,.rdtPicker td.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker td span.rdtOld {
    color: #999
}

.rdtPicker td span.rdtDisabled,.rdtPicker td span.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker th {
    border-bottom: 1px solid #f9f9f9
}

.rdtPicker .dow {
    width: 14.2857%;
    border-bottom: none;
    cursor: default
}

.rdtPicker th.rdtSwitch {
    width: 100px
}

.rdtPicker th.rdtNext,.rdtPicker th.rdtPrev {
    font-size: 21px;
    vertical-align: top
}

.rdtNext span,.rdtPrev span {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.rdtPicker th.rdtDisabled,.rdtPicker th.rdtDisabled:hover {
    background: none;
    color: #999;
    cursor: not-allowed
}

.rdtPicker thead tr:first-of-type th {
    cursor: pointer
}

.rdtPicker thead tr:first-of-type th:hover {
    background: #eee
}

.rdtPicker tfoot {
    border-top: 1px solid #f9f9f9
}

.rdtPicker button {
    border: none;
    background: none;
    cursor: pointer
}

.rdtPicker button:hover {
    background-color: #eee
}

.rdtPicker thead button {
    width: 100%;
    height: 100%
}

td.rdtMonth,td.rdtYear {
    height: 50px;
    width: 25%;
    cursor: pointer
}

td.rdtMonth:hover,td.rdtYear:hover {
    background: #eee
}

.rdtCounters {
    display: inline-block
}

.rdtCounters>div {
    float: left
}

.rdtCounter {
    height: 100px;
    width: 40px
}

.rdtCounterSeparator {
    line-height: 100px
}

.rdtCounter .rdtBtn {
    height: 40%;
    line-height: 40px;
    cursor: pointer;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.rdtCounter .rdtBtn:hover {
    background: #eee
}

.rdtCounter .rdtCount {
    height: 20%;
    font-size: 1.2em
}

.rdtMilli {
    vertical-align: middle;
    padding-left: 8px;
    width: 48px
}

.rdtMilli input {
    width: 100%;
    font-size: 1.2em;
    margin-top: 37px
}

.rdtTime td {
    cursor: default
}

.uno-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    background-repeat: no-repeat
}

.uno-icon-close {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-close.svg)
}

.uno-icon-feature {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-feature.svg)
}

.uno-icon-video {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-video.svg)
}

.uno-icon-info {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-info.svg)
}

.uno-icon-link {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-link.svg)
}

.uno-icon-list {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-list.svg)
}

.uno-icon-buy {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-buy.svg)
}

.uno-icon-time {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-time.svg)
}

.uno-icon-defect {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-defect.svg)
}

.uno-icon-arrow-up {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-arrows-up.svg)
}

.uno-icon:hover {
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .uno-icon-info {
        cursor:pointer
    }
}

.uno-dialog .uno-form-item-domain-single .uno-form-label+.uno-form-value,.uno-dialog .uno-form-item-domain .uno-form-label+.uno-form-value {
    margin-left: 12px;
    width: calc(100% - 97px)
}

.uno-dialog .uno-form-item-domain-single .uno-form-value,.uno-dialog .uno-form-item-domain .uno-form-value {
    margin-left: 0;
    width: 100%
}

.uno-dialog .uno-form-item-domain-single .uno-select-btn,.uno-dialog .uno-form-item-domain-single .uno-select-btn:active,.uno-dialog .uno-form-item-domain-single .uno-select-btn:hover,.uno-dialog .uno-form-item-domain .uno-select-btn,.uno-dialog .uno-form-item-domain .uno-select-btn:active,.uno-dialog .uno-form-item-domain .uno-select-btn:hover {
    border-color: transparent;
    background: transparent
}

.uno-dialog .uno-form-item-domain-single .uno-form-value .uno-input,.uno-dialog .uno-form-item-domain .uno-form-value .uno-input {
    width: calc(100% - 72px)
}

.uno-dialog .uno-form-item-domain-single .uno-form-value .uno-input+span,.uno-dialog .uno-form-item-domain-single .uno-form-value .uno-select,.uno-dialog .uno-form-item-domain .uno-form-value .uno-input+span,.uno-dialog .uno-form-item-domain .uno-form-value .uno-select {
    left: auto;
    right: 72px
}

.uno-dialog .uno-form-item-domain-single .uno-select-active .uno-select-btn:hover,.uno-dialog .uno-form-item-domain .uno-select-active .uno-select-btn:hover {
    border-color: transparent
}

@media (max-width: 768px) {
    .uno-dialog .uno-form-item.uno-form-item-domain-single .uno-form-label+.uno-form-value,.uno-dialog .uno-form-item.uno-form-item-domain-single .uno-form-value,.uno-dialog .uno-form-item.uno-form-item-domain .uno-form-label+.uno-form-value,.uno-dialog .uno-form-item.uno-form-item-domain .uno-form-value {
        margin-left:0;
        width: 100%
    }

    .uno-dialog .uno-form-item.uno-form-item-domain-single .uno-form-value .uno-input,.uno-dialog .uno-form-item.uno-form-item-domain .uno-form-value .uno-input {
        width: calc(100% - 60px)
    }

    .uno-dialog .uno-form-item.uno-form-item-domain-single .uno-form-value .uno-input+span,.uno-dialog .uno-form-item.uno-form-item-domain-single .uno-form-value .uno-select,.uno-dialog .uno-form-item.uno-form-item-domain .uno-form-value .uno-input+span,.uno-dialog .uno-form-item.uno-form-item-domain .uno-form-value .uno-select {
        left: auto;
        right: 60px
    }
}

.uno-dialog-domain-tips {
    padding: 16px 0;
    color: #4c5b76;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px
}

.uno-dialog-domain-tips .uno-link {
    margin-left: 8px
}

.uno-dialog-domain-desc {
    color: #181818;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 0
}

.uno-dialog-domain-icon-error,.uno-dialog-domain-icon-success,.uno-dialog-domain-icon-tips-normal {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: -3px;
    margin-right: 6px
}

.uno-dialog-domain-icon-success {
    background-image: url(/web/jinglisafe/assets/images/cps/diaog-icon-success.svg)
}

.uno-dialog-domain-icon-error {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-tips-error.svg)
}

.uno-dialog-domain-icon-tips-normal {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-tips-normal.svg)
}

.uno-dialog-domain-btn {
    margin-top: 12px;
    margin-bottom: 12px
}

.uno-dialog-domain-list {
    margin: 24px auto;
    width: 100%
}

.uno-dialog-domain-list-tit {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    letter-spacing: 0;
    margin-bottom: 4px
}

.uno-dialog-domain-list-item {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dadde2
}

.uno-dialog-domain-list-item-content {
    max-width: calc(100% - 90px)
}

.uno-dialog-domain-list-item-name {
    color: #181818;
    font-size: 18px
}

.uno-dialog-domain-list-item-price {
    margin-top: 4px
}

.uno-dialog-domain-list-item-price-num {
    color: #4c5b76;
    text-align: left
}

.uno-dialog-domain-list-item-price-discount {
    color: #98a3b7;
    letter-spacing: 0;
    margin-left: 8px;
    text-decoration: line-through
}

@media (min-width: 769px) {
    .uno-form-item.uno-select-domain-template .uno-select,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item {
        width:100%
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-name,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-name {
        width: 250px;
        padding-right: 12px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-role,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-role {
        font-size: 14px;
        line-height: 22px;
        width: 50px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-tag,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-tag {
        width: auto;
        float: right;
        background: #fff;
        border: 1px solid #ff7800;
        border-radius: 2px;
        font-size: 12px;
        line-height: 18px;
        color: #ff7800;
        text-align: center;
        padding: 0 4px
    }

    .uno-form-item.uno-select-domain-template .uno-select.uno-select-dropdown-item-disabled .uno-select-domain-template-tag,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item.uno-select-dropdown-item-disabled .uno-select-domain-template-tag {
        border: 1px solid #98a3b7;
        color: #98a3b7
    }

    .uno-tooltip-inner.uno-tooltip-domain-template .uno-form-label {
        width: 166px
    }

    .uno-tooltip-inner.uno-tooltip-domain-template .uno-form-value {
        width: 260px
    }

    .uno-tooltip-inner.uno-tooltip-domain-template .uno-tooltip-item-con {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media (max-width: 768px) {
    .uno-form-item.uno-select-domain-template .uno-select,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item {
        width:100%
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-name,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-name {
        width: 176px;
        padding-right: 4px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        display: inline-block
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-role,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-role {
        font-size: 14px;
        line-height: 22px;
        width: 50px;
        vertical-align: middle;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block
    }

    .uno-form-item.uno-select-domain-template .uno-select .uno-select-domain-template-tag,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item .uno-select-domain-template-tag {
        width: auto;
        float: right;
        background: #fff;
        border: 1px solid #ff7800;
        border-radius: 2px;
        font-size: 12px;
        line-height: 18px;
        color: #ff7800;
        text-align: center;
        padding: 0 4px
    }

    .uno-form-item.uno-select-domain-template .uno-select.uno-select-dropdown-item-disabled .uno-select-domain-template-tag,.uno-select-dropdown .uno-select-dropdown-list .uno-select-dropdown-item.uno-select-dropdown-item-disabled .uno-select-domain-template-tag {
        border: 1px solid #98a3b7;
        color: #98a3b7
    }

    .uno-tooltip-inner.uno-tooltip-domain-template .uno-tooltip-item-con {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

.uno-dialog .uno-addsell-card {
    position: relative;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-dialog .uno-addsell-card-tag {
    display: inline-block;
    border: 1px solid #ff7800;
    color: #ff7800;
    background: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    position: absolute;
    top: -10px;
    right: -1px
}

@media (min-width: 769px) {
    .uno-dialog .uno-form-label .uno-text {
        display:block
    }

    .uno-dialog .uno-addsell-card {
        width: 420px;
        padding: 12px 0;
        font-size: 0;
        border: 1px solid #fff
    }

    .uno-dialog .uno-addsell-card+.uno-addsell-card {
        margin-top: 16px
    }

    .uno-dialog .uno-addsell-card-checked,.uno-dialog .uno-addsell-card:hover {
        border: 1px solid #0052d9
    }

    .uno-dialog .uno-addsell-card-content {
        vertical-align: middle;
        display: inline-block;
        padding: 0 12px;
        position: relative;
        width: calc(100% - 130px)
    }

    .uno-dialog .uno-addsell-card-content:after {
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        background: #d6dbe3;
        position: absolute
    }

    .uno-dialog .uno-addsell-card-foot {
        width: 130px;
        height: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        padding: 0 14px;
        display: inline-block;
        vertical-align: middle
    }

    .uno-dialog .uno-addsell-card-foot-price-num {
        font-weight: 600;
        font-size: 14px;
        color: #ff7800;
        line-height: 22px
    }

    .uno-dialog .uno-addsell-card-foot-price-unit {
        display: inline-block;
        margin-left: 4px;
        font-weight: 600;
        font-size: 12px;
        color: #ff7800;
        line-height: 18px
    }

    .uno-dialog .uno-addsell-card-foot-original {
        font-size: 12px;
        color: #98a3b7;
        line-height: 18px;
        text-decoration: line-through
    }
}

@media (max-width: 768px) {
    .uno-dialog .uno-form-label .uno-text {
        margin-left:4px
    }

    .uno-dialog .uno-addsell-card {
        width: 100%;
        padding: 12px 0 10px;
        font-size: 0;
        border: 1px solid #fff
    }

    .uno-dialog .uno-addsell-card+.uno-addsell-card {
        margin-top: 14px
    }

    .uno-dialog .uno-addsell-card-checked {
        border: 1px solid #0052d9
    }

    .uno-dialog .uno-addsell-card-content {
        vertical-align: middle;
        display: inline-block;
        padding: 0 12px;
        position: relative;
        width: 100%
    }

    .uno-dialog .uno-addsell-card-foot {
        width: 100%;
        display: -webkit-box;
        display: flex;
        padding: 0 14px 0 36px;
        margin-top: 8px;
        display: inline-block;
        vertical-align: middle
    }

    .uno-dialog .uno-addsell-card-foot-price {
        display: inline-block
    }

    .uno-dialog .uno-addsell-card-foot-price-num {
        font-weight: 600;
        font-size: 16px;
        color: #ff7800;
        line-height: 24px
    }

    .uno-dialog .uno-addsell-card-foot-price-unit {
        display: inline-block;
        margin-left: 4px;
        font-weight: 600;
        font-size: 12px;
        color: #ff7800;
        line-height: 18px
    }

    .uno-dialog .uno-addsell-card-foot-original {
        display: inline-block;
        font-size: 12px;
        color: #98a3b7;
        line-height: 18px;
        text-decoration: line-through;
        margin-left: 4px
    }
}

.uno-dialog .uno-form-item-domain.uno-form-item-error .uno-select .uno-select-btn {
    border: none
}

@media (min-width: 769px) {
    .uno-dialog .uno-dialog-group-product-list {
        white-space:nowrap;
        word-break: keep-all;
        overflow: overlay;
        margin: -12px -20px;
        padding: 12px 20px
    }

    .uno-dialog .uno-dialog-group-product-list::-webkit-scrollbar {
        height: 4px;
        background: transparent
    }

    .uno-dialog .uno-dialog-group-product-list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background: #c7ccd5
    }

    .uno-dialog .uno-dialog-group-product-list.uno-dialog-group-product-list-3 .uno-dialog-group-product-item {
        width: calc((100% - 20px)/3)
    }

    .uno-dialog .uno-dialog-group-product-list.uno-dialog-group-product-list-4 .uno-dialog-group-product-item {
        width: 160px
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item {
        cursor: pointer;
        height: 64px;
        background: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
        border-radius: 2px;
        padding: 5px 12px 7px;
        display: inline-block;
        vertical-align: middle
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item:nth-child(n+2) {
        margin-left: 10px
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-name {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-parm {
        color: #4b5b76;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-warn-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-tips-warn.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 8px;
        vertical-align: middle
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-warn {
        font-size: 14px;
        line-height: 22px;
        color: #e54545
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current {
        border: 1px solid #0052d9
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current .uno-dialog-group-product-name,.uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current .uno-dialog-group-product-parm {
        color: #0052d9
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-bubble-trigger,.uno-dialog .uno-dialog-groupbuy-price .uno-bubble-trigger:hover {
        color: #ff7800;
        border-bottom-width: 2px;
        border-bottom-color: #ff7800
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-dialog-groupbuy-price-num {
        font-weight: 500;
        font-size: 24px;
        line-height: 24px
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-dialog-groupbuy-price-unit {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        margin-left: 4px
    }

    .uno-dialog .uno-dialog-groupbuy-price-desc {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        margin-left: 16px
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-real {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #ff7800
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-original {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-left: 8px
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-save {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-left: 16px;
        text-decoration: line-through
    }

    .uno-tooltip .uno-tooltip-group-product-item {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uno-tooltip .uno-tooltip-group-product-item:nth-child(n+2) {
        margin-top: 12px
    }

    .uno-tooltip .uno-tooltip-group-product-item .uno-tooltip-group-product-name {
        color: #181818;
        font-size: 14px;
        line-height: 22px;
        width: 120px;
        margin-right: 8px
    }

    .uno-tooltip .uno-tooltip-group-product-item .uno-tooltip-groupbuy-product-price-real {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #ff7800
    }

    .uno-tooltip .uno-tooltip-group-product-item .uno-tooltip-groupbuy-product-price-original {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-left: 12px
    }

    .uno-tooltip .uno-tooltip-group-product-item .uno-tooltip-groupbuy-product-price-save {
        color: #97a3b7;
        font-size: 12px;
        line-height: 18px;
        text-decoration: line-through;
        margin-left: 4px
    }
}

@media (max-width: 768px) {
    .uno-dialog .uno-dialog-group-product-list {
        white-space:nowrap;
        word-break: keep-all;
        overflow: overlay;
        margin: -14px -16px;
        padding: 14px 16px
    }

    .uno-dialog .uno-dialog-group-product-list::-webkit-scrollbar {
        height: 4px;
        background: transparent
    }

    .uno-dialog .uno-dialog-group-product-list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        width: 400px;
        background: #c7ccd5
    }

    .uno-dialog .uno-dialog-group-product-list.uno-dialog-group-product-list-3 .uno-dialog-group-product-item {
        width: calc((100% - 12px)/3)
    }

    .uno-dialog .uno-dialog-group-product-list.uno-dialog-group-product-list-4 .uno-dialog-group-product-item {
        width: 110px
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item {
        cursor: pointer;
        height: 64px;
        background: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
        border-radius: 2px;
        padding: 5px 12px 7px;
        display: inline-block;
        vertical-align: middle
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item:nth-child(n+2) {
        margin-left: 6px
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-name {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-parm {
        color: #4b5b76;
        font-size: 14px;
        line-height: 22px;
        margin-top: 6px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-warn-icon {
        display: none;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-tips-warn.svg);
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 8px;
        vertical-align: middle
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item .uno-dialog-group-product-warn {
        font-size: 14px;
        line-height: 22px;
        color: #e54545
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current {
        border: 1px solid #0052d9
    }

    .uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current .uno-dialog-group-product-name,.uno-dialog .uno-dialog-group-product-list .uno-dialog-group-product-item.uno-dialog-group-item-current .uno-dialog-group-product-parm {
        color: #0052d9
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-bubble-trigger {
        color: #ff7800;
        border-bottom-width: 2px;
        border-bottom-color: #ff7800
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-dialog-groupbuy-price-num {
        font-weight: 500;
        font-size: 24px
    }

    .uno-dialog .uno-dialog-groupbuy-price .uno-dialog-groupbuy-price-unit {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        margin-left: 4px
    }

    .uno-dialog .uno-dialog-groupbuy-price-desc {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        margin-left: 16px
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-real {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #ff7800
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-original {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-left: 8px
    }

    .uno-dialog .uno-dialog-groupbuy-product-price-save {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-left: 16px;
        text-decoration: line-through
    }

    .uno-dialog.uno-dialog-group .uno-dialog-price {
        top: 10px
    }

    .uno-dialog.uno-dialog-group .uno-form-label .uno-text {
        margin-left: 0
    }

    .uno-dialog.uno-dialog-group .uno-dialog-groupbuy-price-label {
        color: #4b5b76;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 4px
    }

    .uno-dialog.uno-dialog-group .uno-dialog-groupbuy-price-label .uno-action {
        margin-left: 8px
    }

    .uno-dialog.uno-dialog-group .uno-dialog-groupbuy-price-num {
        font-weight: 600;
        font-size: 24px;
        color: #ff7800;
        text-align: left;
        line-height: 24px
    }

    .uno-dialog.uno-dialog-group .uno-dialog-groupbuy-price-unit {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        color: #ff4800;
        text-align: left;
        margin-left: 4px
    }
}

@media (max-width: 768px) {
    .uno-dialog-groupbuy .uno-dialog-groupbuy-singleprice {
        padding-bottom:16px;
        border-bottom: 2px dashed #ddd
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-singleprice p {
        margin: 0
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-totalprice {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-btn {
        padding-bottom: 24px
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-btn .uno-button {
        width: 100%
    }

    .uno-dialog-groupbuy .uno-dialog-title {
        position: relative;
        color: #4b5b76
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-price-unit {
        font-size: 14px;
        line-height: 22px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-price-num {
        font-size: 18px;
        line-height: 26px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-price-original,.uno-dialog-groupbuy .uno-dialog-groupbuy-price-save {
        font-size: 12px;
        line-height: 18px;
        color: #97a3b7;
        margin-top: 4px
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-price-save {
        margin-left: 12px;
        text-decoration: line-through
    }

    .uno-dialog-groupbuy .uno-dialog-groupbuy-price-num+.uno-dialog-groupbuy-price-unit,.uno-dialog-groupbuy .uno-dialog-groupbuy-price-unit+.uno-dialog-groupbuy-price-num {
        margin-left: 4px
    }

    .uno-dialog-groupbuy .uno-form-item.uno-dialog-groupbuy-price-discounts .uno-dialog-groupbuy-price-num,.uno-dialog-groupbuy .uno-form-item.uno-dialog-groupbuy-price-discounts .uno-dialog-groupbuy-price-unit,.uno-dialog-groupbuy .uno-form-item.uno-dialog-groupbuy-price-discounts .uno-form-label-inner {
        color: #4b5b76
    }

    .uno-dialog-groupbuy .uno-form-item.uno-dialog-groupbuy-price-total .uno-form-label-inner {
        color: #181818;
        font-weight: 500
    }

    .uno-dialog-groupbuy .uno-form-item {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: start;
        align-items: flex-start
    }

    .uno-dialog-groupbuy .uno-form-label {
        width: auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        overflow: hidden
    }

    .uno-dialog-groupbuy .uno-form-label-inner {
        font-size: 16px;
        line-height: 24px;
        overflow: hidden;
        color: #181818;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .uno-dialog-groupbuy .uno-form-value {
        text-align: right;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .uno-dialog-groupbuy .uno-form-item {
        margin-bottom: 0
    }

    .uno-dialog-groupbuy .uno-form-item+.uno-form-item.uno-dialog-groupbuy-price-add {
        margin-top: 8px
    }

    .uno-dialog-groupbuy .uno-form-item+.uno-form-item {
        margin-top: 20px
    }
}

.uno-buy-dialog {
    width: 600px
}

.uno-buy-dialog .uno-dialog-body::-webkit-scrollbar-thumb {
    border-radius: 0
}

.uno-buy-dialog .uno-dialog-footer {
    padding: 30px 20px;
    border-top: 1px solid transparent;
    position: relative;
    text-align: left
}

.uno-buy-dialog .uno-dialog-footer:after {
    content: "";
    display: block;
    background-image: -webkit-linear-gradient(bottom,rgba(55,99,170,.1),hsla(0,0%,100%,.5) 19px);
    background-image: linear-gradient(0deg,rgba(55,99,170,.1) 0,hsla(0,0%,100%,.5) 19px);
    height: 19px;
    position: absolute;
    left: 0;
    top: -19px;
    width: 100%;
    z-index: 150
}

.uno-dialog .uno-form-wrap-selected {
    background-color: #f5f7fa;
    margin-left: -20px;
    margin-right: -20px;
    padding: 12px 20px
}

.uno-dialog .uno-form-wrap-config {
    padding: 16px 0
}

.uno-dialog .uno-form-wrap-config.uno-show-mobile+.uno-form-wrap-config {
    padding-top: 16px
}

.uno-dialog-price,.uno-dialog-price-detail {
    font-size: 0
}

.uno-dialog-price-num {
    color: #ff7800;
    font-size: 24px;
    line-height: 32px;
    margin-right: 4px;
    font-weight: 500
}

.uno-dialog-price-unit {
    font-size: 14px;
    line-height: 22px;
    color: #ff7800;
    margin-right: 8px;
    font-weight: 600
}

.uno-dialog-price-average,.uno-dialog-price-original {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7;
    display: inline-block;
    vertical-align: middle
}

.uno-dialog-price-average+.uno-dialog-price-original {
    margin-left: 8px
}

.uno-dialog-footer-btn {
    margin-top: 20px;
    text-align: center
}

.uno-dialog-footer-btn .uno-button {
    width: 200px
}

.uno-dialog-price-loading {
    height: 51px;
    display: block;
    color: #ff7800;
    font-size: 20px;
    line-height: 51px
}

@media screen and (max-width: 768px) {
    .uno-dialog .uno-form-wrap-selected {
        margin-left:-16px;
        margin-right: -16px;
        padding: 14px 16px
    }

    .uno-buy-dialog {
        width: 100%;
        overflow: auto;
        padding-bottom: 94px
    }

    .uno-buy-dialog .uno-form-wrap-selected {
        margin-left: -16px;
        margin-right: -16px;
        padding: 14px 16px
    }

    .uno-buy-dialog .uno-form-wrap-config {
        padding: 14px 0
    }

    .uno-buy-dialog .uno-dialog-footer {
        border-top: none;
        padding: 0 16px
    }

    .uno-buy-dialog .uno-dialog-footer:after {
        display: none
    }

    .uno-buy-dialog .uno-dialog-body {
        height: auto!important;
        max-height: 3000px!important;
        padding-bottom: 40px;
        overflow: visible
    }

    .uno-buy-dialog .uno-dialog-footer-mobile {
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 0;
        z-index: 20;
        background-color: #fff;
        box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5);
        box-shadow: -8px -8px 20px 0 rgba(55,99,170,.1);
        height: 94px;
        padding: 0 16px 32px
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-form-label-inner {
        display: none
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-dialog-original-price {
        display: block
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-form-item {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 120px);
        margin-bottom: 2px;
        vertical-align: bottom;
        height: 100%
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-form-label {
        display: none
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-dialog-footer-btn {
        display: inline-block;
        width: 120px;
        position: absolute;
        right: 16px;
        top: 22px;
        margin-top: 0
    }

    .uno-buy-dialog .uno-dialog-footer-mobile .uno-dialog-footer-btn .uno-button {
        width: 100%
    }

    .uno-buy-dialog .uno-dialog-price {
        position: absolute;
        top: 28px
    }

    .uno-buy-dialog .uno-dialog-price-detail {
        position: absolute;
        top: 10px
    }
}

@media screen and (min-width: 769px) {
    .uno-buy-dialog .uno-dialog-footer .uno-dialog-price {
        display:inline-block
    }

    .uno-buy-dialog .uno-dialog-footer .uno-dialog-price-detail {
        display: inline-block;
        vertical-align: 4px
    }

    .uno-buy-dialog .uno-dialog-footer .uno-form-item-mt22.uno-form-item-config {
        margin-top: 0
    }
}

@media (min-width: 769px) {
    .uno-dialog .uno-form .uno-form-wrap-config:last-child,.uno-dialog .uno-form .uno-form-wrap-selected:last-child {
        margin-bottom:-24px;
        padding-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .uno-dialog .uno-form .uno-form-wrap-config .uno-form-item-config:last-child {
        margin-bottom:0
    }

    .uno-dialog .uno-form .uno-form-wrap-config+.uno-form-wrap-config,.uno-dialog .uno-form .uno-form-wrap-selected+.uno-form-wrap-selected {
        padding-top: 0
    }
}

.uno-dialog .uno-form-item-error .uno-input,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled:hover,.uno-dialog .uno-form-item-error .uno-input-number-plus,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled:hover,.uno-dialog .uno-form-item-error .uno-select .uno-select-btn,.uno-dialog .uno-form-item-error .uno-select.uno-select-disabled .uno-select-btn .uno-input-number-minus {
    border-color: red
}

@media (min-width: 769px) {
    .uno-dialog .uno-dialog-yunjing {
        display:none
    }
}

@media (min-width: 769px) {
    .uno-dialog .uno-radio-groups-flex .uno-radio-btn {
        min-width:25%
    }

    .uno-dialog .uno-radio-groups-flex .uno-radio-btn:nth-child(5) {
        margin-top: 8px
    }

    .uno-dialog .uno-radio-groups-flex .uno-radio-btn:nth-child(5n):before {
        background: transparent
    }
}

@media (max-width: 768px) {
    .uno-dialog .uno-radio-groups-flex .uno-radio-btn {
        min-width:33.33%
    }

    .uno-dialog .uno-radio-groups-flex .uno-radio-btn:nth-child(4) {
        margin-top: 8px
    }

    .uno-dialog .uno-radio-groups-flex .uno-radio-btn:nth-child(4n):before {
        background: transparent
    }
}

.uno-dialog-body-message {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
    margin-top: 10px
}

@media (min-width: 769px) {
    .uno-dialog-footer-btn .uno-button+.uno-text {
        display:block;
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .uno-dialog-footer-btn .uno-button+.uno-text {
        display:none
    }
}

.uno-renewal-dialog .uno-form-item-config .uno-form-label {
    overflow: inherit
}

.uno-renewal-dialog .uno-dialog-info-block {
    width: 100%;
    padding: 11px 12px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 2px
}

.uno-renewal-dialog .uno-dialog-info-tag {
    padding: 1px 6px;
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    box-sizing: border-box;
    color: #fff;
    background: #ff7800;
    border-radius: 2px;
    margin-right: 12px
}

.uno-page-with-dialog .uno-select-dropdown::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.uno-page-with-dialog .uno-select-dropdown::-webkit-scrollbar-button {
    background-color: transparent
}

.uno-page-with-dialog .uno-select-dropdown::-webkit-scrollbar-thumb {
    background-color: #e6e6ec;
    border-radius: 0
}

.uno-page-with-dialog .uno-select-dropdown::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno-dialog-body::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.uno-dialog-body::-webkit-scrollbar-button {
    background-color: transparent
}

.uno-dialog-body::-webkit-scrollbar-thumb {
    background-color: #c7ccd5;
    border-radius: 0
}

.uno-dialog-body::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno-dialog .uno-text-normal {
    color: #0052d9
}

.uno-dialog .uno-text-primary {
    color: #181818
}

.uno-dialog .uno-text-secondary {
    color: #4b5b76
}

.uno-dialog .uno-text-disabled {
    color: #97a3b7
}

.uno-dialog .uno-text-buy {
    color: #ff7800
}

.uno-dialog .uno-text-strong {
    font-weight: 600
}

.uno-dialog .uno-text-success {
    color: #0cbf5b
}

.uno-dialog .uno-text-warn {
    color: #f64041
}

.uno-dialog .uno-text-highlight {
    color: #0052d9
}

.uno-dialog-tips {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.uno-dialog-tips+.uno-dialog-tips {
    margin-top: 4px
}

.uno-dialog-tips+.uno-form {
    margin-top: 20px
}

.uno-dialog .uno-form-label-inner {
    color: #4b5b76
}

.uno-dialog .uno-form-value-inner,.uno-dialog .uno-form-wrap-title {
    color: #181818
}

.uno-dialog .uno-form-tip {
    color: #97a3b7
}

.uno-dialog .uno-form-tip-success {
    color: #0cbf5b
}

.uno-dialog .uno-form-tip-error {
    color: #f64041
}

.uno-dialog .uno-input {
    border: 1px solid transparent;
    color: #181818;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-input:focus,.uno-dialog .uno-input:focus:hover {
    color: #0052d9
}

.uno-dialog .uno-input:focus,.uno-dialog .uno-input:focus:hover,.uno-dialog .uno-input:hover {
    border-color: #0052d9;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-input:hover {
    color: #181818
}

.uno-dialog .uno-input.uno-input-disabled,.uno-dialog .uno-input.uno-input-disabled:hover {
    border-color: transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-input::-webkit-input-placeholder {
    color: #97a3b7
}

.uno-dialog .uno-input::-moz-placeholder,.uno-dialog .uno-input::-ms-input-placeholder,.uno-dialog .uno-input::-webkit-input-placeholder,.uno-dialog .uno-input::placeholder {
    color: #97a3b7
}

.uno-dialog .uno-input-number .uno-input {
    background: #fff
}

.uno-dialog .uno-input-number-minus,.uno-dialog .uno-input-number-plus {
    border: 1px solid transparent;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),4px 0 10px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-input-number-minus:hover,.uno-dialog .uno-input-number-plus:hover {
    border: 1px solid #0052d9;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.uno-dialog .uno-input-number-minus-disabled,.uno-dialog .uno-input-number-minus-disabled:hover,.uno-dialog .uno-input-number-plus-disabled,.uno-dialog .uno-input-number-plus-disabled:hover {
    border: 1px solid transparent;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-input-number-minus:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_minus_normal.svg)
}

.uno-dialog .uno-input-number-minus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_minus_hover.svg)
}

.uno-dialog .uno-input-number-minus-disabled:after,.uno-dialog .uno-input-number-minus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_minus_disabled.svg)
}

.uno-dialog .uno-input-number-plus:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_plus_normal.svg)
}

.uno-dialog .uno-input-number-plus:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_plus_hover.svg)
}

.uno-dialog .uno-input-number-plus-disabled:after,.uno-dialog .uno-input-number-plus-disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_plus_disabled.svg)
}

.uno-dialog .uno-input-number-unit {
    color: #4b5b76
}

.uno-dialog .uno-radio-btn {
    color: #181818;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-radio-btn .uno-badge {
    color: #ff7800;
    border-color: #ff7800;
    background: #fff
}

.uno-dialog .uno-radio-btn+.uno-radio-btn:before {
    background: #d6dbe3
}

.uno-dialog .uno-radio-btn+.uno-radio-btn:before:hover {
    background: #0052d9
}

.uno-dialog .uno-radio-btn-checked {
    background: #fff;
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-radio-btn-checked .uno-badge {
    color: #fff;
    background: #ff7800
}

.uno-dialog .uno-radio-btn-checked:after,.uno-dialog .uno-radio-btn-checked:first-of-type:after {
    border-color: #0052d9
}

.uno-dialog .uno-radio-btn:hover {
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-radio-btn:hover:after {
    border-color: #0052d9
}

.uno-dialog .uno-radio-btn.uno-radio-btn-disabled {
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-radio-block {
    color: #181818;
    background: #fff
}

.uno-dialog .uno-radio-block .uno-dialog-block-tit {
    color: #181818
}

.uno-dialog .uno-radio-block .uno-dialog-block-text {
    color: #4b5b76
}

.uno-dialog .uno-radio-block-checked {
    background: #fff;
    color: #0052d9
}

.uno-dialog .uno-radio-block-checked .uno-badge {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_label_discount_highlight.svg);
    color: #fff
}

.uno-dialog .uno-radio-block-checked .uno-dialog-block-text,.uno-dialog .uno-radio-block-checked .uno-dialog-block-tit {
    color: #0052d9
}

.uno-dialog .uno-radio-block:hover {
    background: #fff
}

.uno-dialog .uno-radio-block:after {
    border: 1px solid transparent
}

.uno-dialog .uno-radio-block-checked:after,.uno-dialog .uno-radio-block-checked:hover:after,.uno-dialog .uno-radio-block:hover:after {
    border: 1px solid #0052d9
}

.uno-dialog .uno-radio-block-disabled.uno-dialog-block {
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    cursor: not-allowed
}

.uno-dialog .uno-radio-block-disabled.uno-dialog-block .uno-dialog-block-text,.uno-dialog .uno-radio-block-disabled.uno-dialog-block .uno-dialog-block-tit {
    color: #97a3b7
}

.uno-dialog .uno-radio-block-disabled.uno-dialog-block:hover:after {
    border-color: transparent
}

.uno-dialog .uno-select-btn {
    border: 1px solid transparent;
    background: #fff;
    color: #181818
}

.uno-dialog .uno-select-btn:hover {
    border: 1px solid #0052d9;
    background: #fff;
    color: #181818
}

.uno-dialog .uno-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_select_arrow_normal.svg)
}

.uno-dialog .uno-select-disabled .uno-select-btn {
    border: 1px solid transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7
}

.uno-dialog .uno-select-disabled .uno-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_select_arrow_disabled.svg)
}

.uno-dialog .uno-select-active .uno-select-btn {
    color: #0052d9;
    border-color: #0052d9
}

.uno-dialog .uno-select-active .uno-select-btn-caret {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_select_arrow_hover.svg)
}

.uno-dialog .uno-select-group-tit {
    background: #fff;
    color: #97a3b7
}

.uno-dialog .uno-select-placeholder {
    color: #97a3b7
}

.uno-dialog .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_normal.svg)
}

.uno-dialog .uno-checkbox-desc {
    color: #4b5b76
}

.uno-dialog .uno-checkbox-wrap:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_hover.svg)
}

.uno-dialog .uno-checkbox-wrap-checked:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_checked_hover.svg)
}

.uno-dialog .uno-checkbox-wrap-disabled .uno-checkbox-inner {
    cursor: not-allowed;
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_disabled.svg)
}

.uno-dialog .uno-checkbox-wrap-disabled:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_disabled.svg)
}

.uno-dialog .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked .uno-checkbox-inner,.uno-dialog .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_checked_disabled.svg)
}

.uno-dialog .uno-checkbox-wrap-checked .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_checked_normal.svg)
}

.uno-dialog .uno-checkbox-wrap-indeterminate.uno-checkbox-wrap .uno-checkbox-inner,.uno-dialog .uno-checkbox-wrap-indeterminate.uno-checkbox-wrap:hover .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_checkbox_indeterminate_normal.svg)
}

.uno-dialog .uno-form-item-error .uno-input,.uno-dialog .uno-form-item-error .uno-input-number-minus,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled:focus,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled:hover,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled:hover:focus,.uno-dialog .uno-form-item-error .uno-input-number-minus-disabled:hover:hover,.uno-dialog .uno-form-item-error .uno-input-number-minus:focus,.uno-dialog .uno-form-item-error .uno-input-number-minus:hover,.uno-dialog .uno-form-item-error .uno-input-number-plus,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled:focus,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled:hover,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled:hover:focus,.uno-dialog .uno-form-item-error .uno-input-number-plus-disabled:hover:hover,.uno-dialog .uno-form-item-error .uno-input-number-plus:focus,.uno-dialog .uno-form-item-error .uno-input-number-plus:hover,.uno-dialog .uno-form-item-error .uno-input:focus,.uno-dialog .uno-form-item-error .uno-input:hover,.uno-dialog .uno-form-item-error .uno-select-btn,.uno-dialog .uno-form-item-error .uno-select-btn:focus,.uno-dialog .uno-form-item-error .uno-select-btn:hover {
    border-color: #f64041;
    color: #f64041
}

.uno-page-with-dialog .uno-select-group-tit {
    background: #fff;
    color: #97a3b7
}

.uno-page-with-dialog .uno-form-item:not(.uno-form-item-domain) .uno-select-active .uno-select-btn {
    position: relative
}

.uno-page-with-dialog .uno-form-item:not(.uno-form-item-domain) .uno-select-active .uno-select-btn:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    background: #0052d9;
    position: absolute;
    bottom: 0;
    left: 0
}

.uno-page-with-dialog .uno-select-dropdown {
    border: 1px solid #d6dbe3;
    background: #fff;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-page-with-dialog .uno-select-dropdown-item {
    background: #fff;
    color: #181818
}

.uno-page-with-dialog .uno-select-dropdown-item-active {
    background: transparent;
    color: #0052d9
}

.uno-page-with-dialog .uno-select-dropdown-item:hover {
    background: -webkit-linear-gradient(left,rgba(218,232,252,.8),rgba(222,233,253,.8));
    background: linear-gradient(90deg,rgba(218,232,252,.8),rgba(222,233,253,.8))
}

.uno-page-with-dialog .uno-select-dropdown-item-disabled,.uno-page-with-dialog .uno-select-dropdown-item-disabled:hover {
    background: hsla(0,0%,100%,.7);
    color: #97a3b7
}

.uno-page-with-dialog .uno-dialog-yunjing .uno-dialog-yunjing-item-name {
    color: #4b5b76
}

.uno-page-with-dialog .uno-dialog-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-checkbox-text,.uno-page-with-dialog .uno-dialog-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-dialog-yunjing-item-desc,.uno-page-with-dialog .uno-dialog-yunjing .uno-checkbox-wrap.uno-checkbox-wrap-checked .uno-dialog-yunjing-item-name {
    color: #0052d9
}

.uno-page-with-dialog .uno-dialog-yunjing .uno-dialog-border-b:after {
    background: #d6dbe3
}

.uno-page-with-dialog .uno-dialog-yunjing .uno-checkbox-text {
    color: #4b5b76
}

.uno-page-with-dialog .uno-dialog-yunjing .uno-checkbox-text .uno-dialog-yunjing-item-name {
    color: #181818
}

.uno-page-with-dialog .uno-dialog-yunjing.uno-dialog-yunjing-main .uno-dialog-yunjing-item-desc {
    color: #4b5b76
}

@media (max-width: 768px) {
    .uno-dialog-tips+.uno-form {
        margin-top:16px
    }
}

.uno-dialog .uno-form .rdtPicker {
    min-width: 300px
}

.uno-dialog .uno-form .rdtPicker tr td {
    height: 36px
}

.uno-dialog .uno-form .rdtPicker .rdtDays thead tr:first-child th {
    padding-bottom: 6px
}

.uno-dialog .uno-form .rdtPicker .rdtDays thead tr+tr .dow {
    padding-top: 6px
}

.uno-dialog .uno-form .rdtPicker .rdtDays thead tr+tr .dow:first-child {
    padding-left: 16px
}

.uno-dialog .uno-form .rdtPicker .rdtDays thead tr+tr .dow:last-child {
    padding-right: 16px
}

.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:first-child {
    padding-left: 16px
}

.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:first-child:after,.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:first-child:hover:after {
    left: calc(50% - 4px)
}

.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:last-child {
    padding-right: 16px
}

.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:last-child:after,.uno-dialog .uno-form .rdtPicker .rdtDays tbody tr td:last-child:hover:after {
    left: calc(50% - 20px)
}

.uno-dialog .uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child {
    cursor: pointer;
    position: relative
}

.uno-dialog .uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:hover {
    color: #0052d9
}

.uno-dialog .uno-form .rdtPicker .rdtTime thead>tr:only-child td:only-child:before {
    content: "\2039";
    display: inline-block;
    position: absolute;
    font-size: 14px;
    line-height: 24px;
    left: 16px;
    top: calc(50% - 11.5px);
    font-size: 21px
}

.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtDay,.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtDay:hover {
    background-color: transparent;
    color: #0052d9;
    text-shadow: none;
    position: relative
}

.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtDay:after,.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtDay:hover:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #97a3b7;
    position: absolute;
    box-sizing: border-box;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.uno-dialog .uno-form .rdtPicker td.rdtToday:before {
    display: none
}

.uno-dialog .uno-form thead>tr:first-child {
    position: relative
}

.uno-dialog .uno-form thead>tr:first-child:after {
    content: "";
    height: 1px;
    width: calc(100% + 10px);
    background: #d6dbe3;
    display: block;
    position: absolute;
    bottom: 1px;
    left: -5px
}

.uno-dialog .uno-form .rdtPicker .rdtTimeToggle:hover,.uno-dialog .uno-form .rdtPicker td.rdtDay:hover,.uno-dialog .uno-form .rdtPicker td.rdtHour:hover,.uno-dialog .uno-form .rdtPicker td.rdtMinute:hover,.uno-dialog .uno-form .rdtPicker td.rdtSecond:hover {
    color: #0052d9;
    background: transparent
}

.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtMonth,.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtMonth:hover,.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtYear,.uno-dialog .uno-form .rdtPicker td.rdtActive.rdtYear:hover {
    border: 1px solid #0052d9;
    background: transparent;
    color: #0052d9
}

.uno-dialog .uno-form .rdtCounter .rdtBtn:hover,.uno-dialog .uno-form .rdtPicker thead tr:first-of-type th:hover,.uno-dialog .uno-form td.rdtMonth:hover,.uno-dialog .uno-form td.rdtYear:hover {
    background: transparent;
    color: #0052d9
}

.uno-dialog .uno-form .rdtPicker th {
    font-weight: 400
}

.uno-dialog .uno-form .rdtPicker .rdtTimeToggle {
    color: #0052d9
}

.uno-dialog .uno-form .rdtPicker td.rdtToday.rdtDay {
    color: #0052d9;
    position: relative
}

.uno-dialog .uno-form .rdtPicker td.rdtToday.rdtDay:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #0052d9;
    position: absolute;
    box-sizing: border-box;
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.uno-dialog .uno-form .rdtPicker td.rdtNew,.uno-dialog .uno-form .rdtPicker td.rdtOld {
    color: #97a3b7
}

.uno-dialog .uno-form .rdtPicker td {
    box-sizing: border-box
}

.uno-dialog .uno-form .rdtPicker th.rdtNext,.uno-dialog .uno-form .rdtPicker th.rdtPrev {
    vertical-align: middle;
    color: #4b5b76
}

.uno-dialog .uno-form .form-control {
    width: 200px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid transparent;
    background: #fff;
    color: #181818;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    vertical-align: middle
}

.uno-dialog .uno-form .form-control::-moz-placeholder,.uno-dialog .uno-form .form-control::-ms-input-placeholder,.uno-dialog .uno-form .form-control::-webkit-input-placeholder {
    color: #97a3b7
}

.uno-dialog .uno-form .form-control:focus,.uno-dialog .uno-form .form-control:focus:hover,.uno-dialog .uno-form .form-control:hover {
    border-color: #0052d9;
    background: #fff;
    color: #0052d9;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-dialog .uno-form .form-control.uno-dialog-disabled,.uno-dialog .uno-form .form-control.uno-dialog-disabled:hover {
    border-color: transparent;
    background: hsla(0,0%,100%,.7);
    color: #97a3b7;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5),8px 8px 20px 0 rgba(55,99,170,.1);
    cursor: not-allowed
}

@media (max-width: 768px) {
    .uno-dialog .uno-form .form-control {
        width:100%
    }

    .uno-dialog .uno-form .rdtPicker {
        min-width: 300px;
        width: 100%;
        box-sizing: border-box
    }
}

.uno-dialog .uno-link,.uno-dialog a {
    color: #0052d9
}

.uno-dialog .uno-link .uno-icon,.uno-dialog a .uno-icon {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_icon_link.svg)
}

.uno-dialog .uno-link:hover,.uno-dialog a:hover {
    color: #001f97
}

.uno-dialog .uno-link:hover .uno-icon,.uno-dialog a:hover .uno-icon {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    background-image: url(/web/jinglisafe/assets/images/cps/dialog_icon_link_hover.svg)
}

.uno-dialog .uno-action {
    color: #0052d9
}

.uno-dialog .uno-action:hover {
    color: #001f97
}

.uno-dialog .uno-bubble-trigger {
    display: inline-block;
    color: #181818;
    border-bottom: 1px dashed #181818
}

.uno-dialog .uno-bubble-trigger:hover {
    color: #777;
    border-color: #777
}

.uno-dialog {
    min-width: 460px;
    max-width: 600px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 8px;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.uno-dialog-hidden {
    display: none
}

.uno-dialog-mask {
    z-index: 990;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.3)
}

.uno-dialog-mask-hidden {
    display: none
}

.uno-dialog-header {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    padding: 20px 20px 16px;
    position: relative;
    font-weight: 500
}

.uno-dialog .uno-icon-close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.uno-dialog .uno-icon-close:after {
    content: "";
    position: absolute;
    left: -20px;
    top: -20px;
    right: -20px;
    bottom: -20px
}

.uno-dialog-body {
    padding: 0 20px 24px;
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    max-height: 600px;
    white-space: normal;
    word-break: break-all;
    overflow: auto
}

.uno-dialog-footer {
    padding: 20px;
    text-align: center
}

.uno-dialog-footer .uno-button+.uno-button {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .uno-dialog {
        min-width:100%;
        max-width: 100%;
        width: 100%;
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        max-height: calc(100% - 100px);
        border: none;
        border-radius: 0;
        background: #fff;
        box-shadow: 0 -8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-dialog-header {
        font-size: 16px;
        line-height: 24px;
        padding: 16px 16px 14px
    }

    .uno-dialog-body {
        padding: 0 16px;
        overflow: auto
    }

    .uno-dialog-footer .uno-form-value {
        margin-left: 0
    }

    .uno-dialog-footer .uno-button {
        width: calc((100% - 12px)/2)
    }

    .uno-dialog-footer .uno-button+.uno-button {
        margin-left: 12px
    }

    .uno-dialog-footer .uno-button:first-child:last-child {
        width: 100%
    }

    .uno-radio-groups-flex .uno-radio-btn {
        min-width: 115px
    }
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-discount-detail-content {
    display: table;
    width: 100%
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row {
    display: table-row;
    color: #181818;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    line-height: 22px
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row .uno-dialog-table-col {
    background: #f5f7fa
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row .uno-dialog-table-col:last-of-type {
    text-align: left
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row:nth-child(odd) .uno-dialog-table-col {
    background: #e0ecff
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row.uno-dialog-table-head {
    color: #fff;
    font-weight: 500
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row.uno-dialog-table-head .uno-dialog-table-col {
    background: #0052d9
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col {
    display: table-cell;
    padding: 12px 16px;
    min-width: 70px;
    vertical-align: middle
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col+.uno-dialog-table-col {
    border-left: 1px solid hsla(0,0%,100%,.3)
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col .uno-dialog-table-group {
    display: table
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col .uno-dialog-table-label {
    color: #4b5b76;
    display: table-cell;
    min-width: 40px;
    padding-right: 12px
}

.uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col .uno-dialog-table-value {
    text-align: left;
    display: table-cell
}

@media (max-width: 768px) {
    .uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col {
        min-width:50px;
        padding: 8px
    }

    .uno-dialog.uno-dialog-discount-detail .uno-dialog-table-col:last-of-type {
        text-align: center
    }

    .uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row {
        font-size: 12px;
        line-height: 18px
    }

    .uno-dialog.uno-dialog-discount-detail .uno-dialog-table-row .uno-dialog-table-col:last-of-type {
        text-align: center
    }
}

.uno-dialog.uno-dialog-renew-tips .uno-dialog-renew-tips-tit {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 500;
    margin-bottom: 16px
}

.uno-dialog.uno-dialog-renew-tips .uno-dialog-renew-tips-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-bottom: 4px
}

.uno-dialog.uno-dialog-renew-tips .uno-checkbox-wrap {
    margin-top: 28px;
    color: #4b5b76
}

.uno-dialog.uno-dialog-renew-tips .uno-checkbox {
    top: 0
}

@media (min-width: 769px) {
    .uno-dialog.uno-dialog-verify-code {
        width:480px
    }

    .uno-dialog.uno-dialog-verify-code .uno-form-input-button .uno-button {
        width: 120px
    }
}

@media (max-width: 768px) {
    .uno-dialog.uno-dialog-verify-code .uno-input {
        width:calc(100% - 128px);
        margin-right: 8px
    }

    .uno-dialog.uno-dialog-verify-code .uno-form-input-button .uno-button {
        width: 120px
    }
}

.uno-confirm-dialog {
    width: 460px
}

.uno-confirm-dialog .uno-dialog-body {
    padding-top: 19px;
    padding-bottom: 60px;
    text-align: center
}

.uno-confirm-dialog-icon {
    width: 72px;
    height: 72px;
    display: inline-block
}

.uno-confirm-dialog-icon-success {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-success.svg)
}

.uno-confirm-dialog-icon-error {
    background-image: url(/web/jinglisafe/assets/images/cps/dialog-icon-failure.svg)
}

.uno-confirm-dialog-title {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    margin-top: 25px;
    font-weight: 600
}

.uno-confirm-dialog-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

.uno-confirm-dialog-desc+.uno-confirm-dialog-desc {
    margin-top: 5px
}

.uno-confirm-dialog-btn-wrap {
    margin-top: 24px
}

.uno-confirm-dialog-btn-wrap .uno-button {
    width: 140px
}

.uno-confirm-dialog-btn-wrap .uno-button+.uno-button {
    margin-left: 12px
}

.uno-confirm-dialog-title+.uno-confirm-dialog-btn-wrap {
    margin-top: 36px
}

@media screen and (max-width: 768px) {
    .uno-confirm-dialog {
        width:100%
    }

    .uno-confirm-dialog .uno-dialog-body {
        padding-top: 13px;
        padding-bottom: 36px
    }

    .uno-confirm-dialog-icon {
        margin-bottom: 17px
    }

    .uno-confirm-dialog-title {
        margin-top: 0
    }

    .uno-confirm-dialog-btn-wrap {
        margin-top: 32px
    }

    .uno-confirm-dialog-btn-wrap .uno-button {
        width: calc((100% - 12px)/2)
    }

    .uno-confirm-dialog-btn-wrap .uno-button+.uno-button {
        margin-left: 12px
    }

    .uno-confirm-dialog-btn-wrap .uno-button:first-child:last-child {
        width: 100%
    }

    .uno-confirm-dialog-title+.uno-confirm-dialog-btn-wrap {
        margin-top: 32px
    }
}

.uno-buy-bar,.uno-buy-card {
    position: relative;
    font-size: 0
}

.uno-buy-bar-tit,.uno-buy-card-tit {
    font-size: 20px;
    line-height: 28px
}

.uno-buy-bar-tit-text,.uno-buy-card-tit-text {
    font-weight: 500
}

.uno-buy-bar-tit .uno-bubble-trigger,.uno-buy-card-tit .uno-bubble-trigger {
    display: inline-block
}

.uno-buy-bar-sub-tit,.uno-buy-card-sub-tit {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.uno-buy-bar-detail,.uno-buy-card-detail {
    display: block;
    margin-top: 6px
}

.uno-buy-bar-detail-null,.uno-buy-card-detail-null {
    height: 24px
}

.uno-buy-bar .uno-form .uno-select,.uno-buy-card .uno-form .uno-select {
    width: 100%
}

.uno-buy-bar .uno-form-tip,.uno-buy-card .uno-form-tip {
    margin-top: 4px
}

.uno-buy-bar .uno-radio-block-text,.uno-buy-bar .uno-radio-block-tit,.uno-buy-card .uno-radio-block-text,.uno-buy-card .uno-radio-block-tit {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 769px) {
    .uno-buy-bar-foot-tag-list,.uno-buy-card-foot-tag-list {
        min-height:22px;
        font-size: 0;
        margin-bottom: 8px;
        white-space: nowrap
    }

    .uno-buy-bar-foot-tag-item,.uno-buy-card-foot-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-buy-bar-foot-tag-item:nth-child(n+2),.uno-buy-card-foot-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-buy-bar-foot-tag-type1,.uno-buy-card-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-buy-bar-foot-tag-type2,.uno-buy-card-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-buy-bar-foot-tag-type3,.uno-buy-card-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

@media (max-width: 768px) {
    .uno-buy-bar-foot-tag-list,.uno-buy-card-foot-tag-list {
        min-height:22px;
        font-size: 0;
        margin-bottom: 12px;
        white-space: nowrap
    }

    .uno-buy-bar-foot-tag-item,.uno-buy-card-foot-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-buy-bar-foot-tag-item:nth-child(n+2),.uno-buy-card-foot-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-buy-bar-foot-tag-type1,.uno-buy-card-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-buy-bar-foot-tag-type2,.uno-buy-card-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-buy-bar-foot-tag-type3,.uno-buy-card-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

.uno-buy-bar-foot-tip,.uno-buy-card-foot-tip {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    text-align: center;
    position: relative;
    z-index: 99
}

.uno-buy-bar-count,.uno-buy-card-count {
    margin-bottom: 8px
}

.uno-buy-bar-price-num,.uno-buy-card-price-num {
    font-size: 28px;
    line-height: 36px;
    height: 36px;
    font-weight: 500
}

.uno-buy-bar-price-unit,.uno-buy-card-price-unit {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin-left: 4px;
    font-weight: 600
}

.uno-buy-bar-price-average,.uno-buy-card-price-average {
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px
}

.uno-buy-bar-price-original,.uno-buy-card-price-original {
    font-size: 12px;
    line-height: 18px
}

.uno-buy-bar-discount,.uno-buy-card-discount {
    font-size: 0;
    display: block
}

.uno-buy-bar-discount-num,.uno-buy-card-discount-num {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    padding: 0 4px
}

.uno-buy-bar-discount-desc,.uno-buy-card-discount-desc {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    height: 18px;
    line-height: 16px;
    padding: 0 8px
}

.uno-buy-bar-advantage,.uno-buy-card-advantage {
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 22px;
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_xingxinghai@2x.png)
}

.uno-buy-bar-sub-tit {
    display: none
}

.uno-buy-bar-detail {
    margin-top: 8px
}

.uno-buy-bar-area {
    font-size: 14px;
    line-height: 22px
}

.uno-buy-bar-area-null {
    display: none
}

.uno-buy-bar-center {
    display: inline-block;
    vertical-align: middle
}

.uno-buy-bar-foot-params {
    width: calc(100% - 120px)
}

.uno-buy-bar-discount {
    margin-bottom: 4px;
    position: relative;
    z-index: 99
}

.uno-buy-bar-more-info {
    width: 200px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno-buy-bar-more-info .uno-form-item {
    margin-left: 0;
    width: 100%
}

.uno-buy-bar-more-info .uno-select {
    width: 100%;
    margin-bottom: 8px
}

.uno-buy-bar-advantage {
    width: 60px;
    height: 20px;
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_xingxinghai@2x.png)
}

.uno-buy-card-intro {
    padding: 16px 16px 0
}

.uno-buy-card-intro .uno-list .uno-item {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-buy-card-tit .uno-icon {
    vertical-align: -1px
}

.uno-buy-card-sub-tit {
    margin-top: 4px
}

.uno-buy-card .uno-form-item {
    margin-bottom: 12px
}

.uno-buy-card .uno-form-item:last-child {
    margin-bottom: 0
}

.uno-buy-card .uno-form-item-config .uno-form-value {
    height: auto;
    min-height: 36px
}

.uno-buy-card .uno-form-label {
    width: 60px;
    height: 36px
}

.uno-buy-card .uno-form-value {
    width: calc(100% - 65px);
    margin-left: 5px;
    height: 36px;
    position: relative
}

.uno-buy-card .uno-form-value:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.uno-buy-card-area {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    border-radius: 24px;
    line-height: 24px;
    padding: 0 10px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.uno-buy-card-foot-params .uno-input-number {
    display: none
}

.uno-buy-card-discount-null {
    height: 18px
}

.uno-buy-card-more-info {
    margin-top: 8px;
    margin-bottom: -7px
}

.uno-buy-card-more-info .uno-link {
    font-size: 12px;
    line-height: 18px;
    display: block
}

.uno-buy-card-more-info .uno-link .uno-icon {
    height: 10px;
    width: 10px
}

.uno-buy-card-more-info .uno-select {
    width: 100%;
    margin-bottom: 8px
}

.uno-buy-card-more-info .uno-form-value {
    width: 100%;
    margin-left: 0
}

.uno-buy-card-ad {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    border-radius: 24px;
    line-height: 24px;
    padding: 0 10px
}

@media (max-width: 768px) {
    .uno-buy-bar-foot-tip,.uno-buy-card-foot-tip {
        max-width:120px
    }
}

@media screen and (min-width: 769px) {
    .uno-buy-bar {
        width:100%;
        padding-left: 240px;
        position: relative
    }

    .uno-buy-bar:before {
        content: "";
        position: absolute;
        top: 24px;
        bottom: 24px;
        right: 310px;
        width: 1px
    }

    .uno-buy-bar-head .uno-buy-bar-center {
        width: 100%
    }

    .uno-buy-bar-tit-text {
        word-break: break-all
    }

    .uno-buy-bar-area,.uno-buy-bar-tit-text {
        width: 100%;
        display: inline-block;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-buy-bar-company,.uno-buy-bar-new,.uno-buy-bar-new-product,.uno-buy-bar-oldCompany,.uno-buy-bar-product,.uno-buy-bar-recommend {
        width: 74px;
        height: 66px;
        position: absolute;
        right: -943px;
        top: -5px;
        z-index: 99;
        background-size: cover;
        background-repeat: no-repeat
    }

    .uno-buy-bar-new {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
    }

    .uno-buy-bar-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
    }

    .uno-buy-bar-company {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
    }

    .uno-buy-bar-oldCompany {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
    }

    .uno-buy-bar-recommend {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
    }

    .uno-buy-bar-new-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
    }

    .uno-buy-bar-foot:before,.uno-buy-bar-head:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .uno-buy-bar-inner {
        width: calc(100% - 310px);
        display: inline-block;
        vertical-align: middle
    }

    .uno-buy-bar-head {
        width: 240px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        vertical-align: middle
    }

    .uno-buy-bar-body {
        padding: 30px 0
    }

    .uno-buy-bar-body-message {
        font-size: 14px;
        line-height: 22px;
        margin-left: 12px;
        width: 335px
    }

    .uno-buy-bar .uno-radio-block:nth-child(n+6) {
        margin-top: 20px
    }

    .uno-buy-bar-body .uno-form-item {
        margin-left: 12px
    }

    .uno-buy-bar .uno-form-item {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0
    }

    .uno-buy-bar .uno-form-label {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .uno-buy-bar .uno-form-label-null {
        height: 22px
    }

    .uno-buy-bar .uno-form-value {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .uno-buy-bar-foot {
        width: 310px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 0;
        padding: 22px 20px 22px 17px
    }

    .uno-buy-bar-price-loading {
        height: 54px;
        line-height: 54px;
        font-size: 20px;
        display: block
    }

    .uno-buy-bar-price-loading-nodetail {
        height: 36px;
        line-height: 36px
    }

    .uno-buy-bar:hover:after {
        content: "";
        position: absolute;
        left: -2px;
        top: -2px;
        bottom: -2px;
        right: -2px;
        z-index: 10;
        pointer-events: none
    }

    .uno-buy-bar .uno-form .uno-form-label {
        height: auto;
        margin-bottom: 12px
    }

    .uno-buy-bar .uno-form .uno-form-value {
        line-height: 36px
    }

    .uno-buy-bar .uno-buy-bar-discount+.uno-show-pc .uno-form-item {
        margin-top: 4px
    }

    .uno-buy-bar .uno-buy-bar-foot-params .uno-form-item {
        margin-left: 0;
        margin-bottom: 8px
    }

    .uno-buy-bar-mobile-ad {
        position: absolute;
        left: 6px;
        top: 6px
    }

    .uno-buy-bar-price-num-s {
        font-size: 24px
    }

    .uno-buy-card {
        padding: 0;
        position: relative
    }

    .uno-buy-card-intro .uno-list {
        margin-top: 0
    }

    .uno-buy-card-tit-text {
        display: block;
        max-width: 100%;
        padding-right: 16px
    }

    .uno-buy-card-sub-tit,.uno-buy-card-tit-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-buy-card-company,.uno-buy-card-new,.uno-buy-card-new-product,.uno-buy-card-oldCompany,.uno-buy-card-product,.uno-buy-card-recommend {
        width: 74px;
        height: 66px;
        position: absolute;
        right: -5px;
        top: -5px;
        background-size: cover;
        background-repeat: no-repeat
    }

    .uno-buy-card-new {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
    }

    .uno-buy-card-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
    }

    .uno-buy-card-company {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
    }

    .uno-buy-card-oldCompany {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
    }

    .uno-buy-card-recommend {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
    }

    .uno-buy-card-new-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
    }

    .uno-buy-card-head {
        padding: 16px
    }

    .uno-buy-card-detail {
        margin-top: 6px
    }

    .uno-buy-card-body {
        padding: 0 16px 16px
    }

    .uno-buy-card-discount {
        margin-bottom: 8px
    }

    .uno-buy-card-price-loading {
        height: 54px;
        line-height: 54px;
        font-size: 20px;
        display: block
    }

    .uno-buy-card-price-loading-nodetail {
        height: 36px;
        line-height: 36px
    }

    .uno-buy-card .uno-radio-groups-flex .uno-radio-btn {
        min-width: 0;
        width: 50%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-buy-card-foot {
        padding: 16px;
        position: relative;
        display: -webkit-box;
        display: flex
    }

    .uno-buy-card-foot-tag-list {
        height: 22px
    }

    .uno-buy-card-foot-inner {
        align-self: flex-end;
        display: inline-block;
        width: 100%;
        vertical-align: middle
    }

    .uno-buy-card-foot-tip {
        display: none
    }

    .uno-buy-card-foot .uno-button {
        margin-top: 12px;
        width: 100%
    }

    .uno-buy-card-bg-true .uno-buy-card-inner {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_bg_content_sprite.png);
        background-size: 200% auto;
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .uno-buy-card-bg-true .uno-buy-card-foot {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_bg_foot_sprite.png);
        background-size: 200% auto;
        background-repeat: no-repeat;
        background-position: 0 100%
    }

    .uno-buy-card-bg-true:hover .uno-buy-card-inner {
        background-position: 100% 0
    }

    .uno-buy-card-bg-true:hover .uno-buy-card-foot {
        background-position: 100% 100%
    }

    .uno-buy-card-area {
        vertical-align: middle
    }

    .uno-buy-card-area+.uno-buy-card-ad {
        margin-left: 8px
    }

    .uno-buy-card-sub-tit-text {
        width: calc(100% - 65px);
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-buy-card-advantage+.uno-buy-card-sub-tit-text {
        margin-left: 8px
    }

    .uno-buy-card-with-ad .uno-buy-card-area {
        max-width: calc(100% - 108px)
    }

    .uno-buy-card-with-ad .uno-buy-card-area+.uno-buy-card-ad {
        width: 100px;
        overflow: hidden;
        white-space: nowrap
    }

    .uno-buy-card-mobile-ad {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .uno-buy-bar,.uno-buy-card {
        padding-bottom:16px;
        padding-top: 16px
    }

    .uno-buy-bar-head,.uno-buy-card-head {
        margin-bottom: 12px
    }

    .uno-buy-bar-tit,.uno-buy-card-tit {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        position: relative;
        z-index: 10
    }

    .uno-buy-bar-detail,.uno-buy-bar-sub-tit,.uno-buy-card-detail,.uno-buy-card-sub-tit {
        display: none
    }

    .uno-buy-bar-foot,.uno-buy-card-foot {
        margin-top: 16px
    }

    .uno-buy-bar-foot-params,.uno-buy-card-foot-params {
        vertical-align: middle
    }

    .uno-buy-bar-price,.uno-buy-card-price {
        margin-top: 3px;
        margin-bottom: 6px
    }

    .uno-buy-bar-price-num,.uno-buy-card-price-num {
        font-size: 24px;
        line-height: 24px;
        display: inline-block;
        height: 24px
    }

    .uno-buy-bar-price-detail+.uno-buy-bar-price,.uno-buy-bar-price-detail+.uno-buy-card-price,.uno-buy-card-price-detail+.uno-buy-bar-price,.uno-buy-card-price-detail+.uno-buy-card-price {
        margin-bottom: 0
    }

    .uno-buy-bar-count,.uno-buy-bar-discount,.uno-buy-card-count,.uno-buy-card-discount {
        display: none
    }

    .uno-buy-bar .uno-form-item-config .uno-form-label,.uno-buy-card .uno-form-item-config .uno-form-label {
        width: 100%;
        z-index: 20;
        height: auto
    }

    .uno-buy-bar .uno-form-item-config .uno-form-value,.uno-buy-card .uno-form-item-config .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-buy-bar .uno-form-label,.uno-buy-card .uno-form-label {
        width: 56px
    }

    .uno-buy-bar .uno-form-value,.uno-buy-card .uno-form-value {
        margin-left: 17px
    }

    .uno-buy-bar .uno-radio-groups,.uno-buy-card .uno-radio-groups {
        display: block;
        white-space: normal;
        max-width: 100%
    }

    .uno-buy-bar .uno-radio-groups .uno-radio-block,.uno-buy-card .uno-radio-groups .uno-radio-block {
        width: calc((100% - 24px)/3);
        margin-top: 12px
    }

    .uno-buy-bar .uno-radio-groups .uno-radio-block:nth-child(3n),.uno-buy-card .uno-radio-groups .uno-radio-block:nth-child(3n) {
        margin-right: 0
    }

    .uno-buy-bar .uno-radio-groups .uno-radio-block:nth-child(-n+3),.uno-buy-card .uno-radio-groups .uno-radio-block:nth-child(-n+3) {
        margin-top: 0
    }

    .uno-buy-bar-more-info,.uno-buy-card-more-info {
        width: 100%
    }

    .uno-buy-bar-more-info .uno-select,.uno-buy-card-more-info .uno-select {
        width: 100%;
        margin-bottom: 8px
    }

    .uno-buy-bar-more-info .uno-form-value,.uno-buy-card-more-info .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-buy-card-intro {
        padding: 0
    }

    .uno-buy-card-tit span {
        display: inline-block;
        vertical-align: middle
    }

    .uno-buy-card-tit span+span {
        margin-left: 8px
    }

    .uno-buy-card-center {
        display: inline-block;
        vertical-align: middle
    }

    .uno-buy-card-head .uno-buy-card-center {
        display: block
    }

    .uno-buy-card-foot-params {
        width: calc(100% - 120px);
        vertical-align: middle
    }

    .uno-buy-card .uno-form-value {
        width: calc(100% - 73px);
        height: auto
    }

    .uno-buy-card .uno-form-label {
        height: auto
    }

    .uno-buy-card-tag {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0
    }

    .uno-buy-card-new {
        width: 76px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_mobile.svg)
    }

    .uno-buy-card-product {
        width: 84px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product_mobile.svg)
    }

    .uno-buy-card-company {
        width: 72px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_mobile.svg)
    }

    .uno-buy-card-oldCompany {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old_mobile.svg)
    }

    .uno-buy-card-recommend {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend_mobile.svg)
    }

    .uno-buy-card-new-product {
        width: 39px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product_mobile.svg)
    }

    .uno-buy-card-price-loading {
        height: 46px;
        line-height: 46px;
        font-size: 20px;
        display: block
    }

    .uno-buy-card-price-loading-nodetail {
        height: 24px;
        line-height: 24px
    }

    .uno-buy-card-mobile-ad {
        display: block;
        margin-top: 8px
    }

    .uno-buy-card-ad {
        line-height: 18px;
        padding-left: 6px;
        padding-right: 6px;
        border-radius: 0
    }

    .uno-buy-card-advantage+.uno-buy-card-ad {
        margin-left: 12px
    }

    .uno-buy-bar-tag {
        display: inline-block;
        margin-left: 8px;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0
    }

    .uno-buy-bar-new {
        width: 76px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_mobile.svg)
    }

    .uno-buy-bar-product {
        width: 84px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product_mobile.svg)
    }

    .uno-buy-bar-company {
        width: 72px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_mobile.svg)
    }

    .uno-buy-bar-oldCompany {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old_mobile.svg)
    }

    .uno-buy-bar-recommend {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend_mobile.svg)
    }

    .uno-buy-bar-new-product {
        width: 39px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product_mobile.svg)
    }

    .uno-buy-bar-detail-null {
        display: none
    }

    .uno-buy-bar-head .uno-buy-bar-center {
        display: block
    }

    .uno-buy-bar-price-loading {
        height: 46px;
        line-height: 46px;
        font-size: 20px;
        display: block
    }

    .uno-buy-bar-price-loading-nodetail {
        height: 24px;
        line-height: 24px
    }

    .uno-buy-bar-body-message {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .uno-buy-bar-mobile-ad {
        display: block;
        margin-top: 8px
    }
}

.uno-buy-bar .uno-form .uno-select.uno-select-yunjing {
    width: calc((100% - 16px)/2)
}

.uno-buy-bar .uno-form .uno-select.uno-select-yunjing+.uno-select-yunjing {
    margin-left: 12px
}

.uno-buy-card .uno-form .uno-select+.uno-select {
    margin-top: 12px
}

@media (max-width: 768px) {
    .uno-buy-bar .uno-form-item-blocks .uno-radio-groups .uno-radio-block:nth-child(n+4),.uno-buy-card .uno-form-item-blocks .uno-radio-groups .uno-radio-block:nth-child(n+4) {
        margin-top:20px
    }
}

@media (min-width: 769px) {
    .card-skeleton-wrap {
        height:476px;
        width: 282px;
        box-sizing: border-box;
        border: 1px solid #d6dbe3
    }

    .uno-grid-col-box .card-skeleton-wrap {
        width: 100%
    }

    .card-skeleton-body {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        height: 307px;
        padding: 16px 16px 0;
        box-sizing: border-box
    }

    .card-skeleton-item {
        background: #d4e4ff
    }

    .card-skeleton-foot {
        box-sizing: border-box;
        background: #fff;
        padding: 16px 16px 0;
        height: 167px
    }

    .card-skeleton-h28 {
        height: 28px
    }

    .card-skeleton-h24 {
        height: 24px
    }

    .card-skeleton-h12 {
        height: 12px
    }

    .card-skeleton-h10 {
        height: 10px
    }

    .card-skeleton-h36 {
        height: 36px
    }

    .card-skeleton-inlineblock {
        display: inline-block
    }

    .card-skeleton-mt24 {
        margin-top: 24px
    }

    .card-skeleton-mt12 {
        margin-top: 12px
    }

    .card-skeleton-mt16 {
        margin-top: 16px
    }

    .card-skeleton-body .card-skeleton-item:first-child {
        width: 64%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(2) {
        width: 100%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(3) {
        width: 40%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(4) {
        width: 40%;
        margin-left: 12px
    }

    .card-skeleton-body .card-skeleton-item:nth-child(5) {
        width: 100%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(6) {
        width: 84%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(7) {
        width: 100%
    }

    .card-skeleton-body .card-skeleton-item:nth-child(8) {
        width: 60%
    }

    .card-skeleton-foot .card-skeleton-item:first-child {
        width: 44%
    }

    .card-skeleton-foot .card-skeleton-item:nth-child(2) {
        width: 60%
    }

    .card-skeleton-foot .card-skeleton-item:nth-child(3) {
        width: 45%
    }

    .card-skeleton-foot .card-skeleton-item:nth-child(4) {
        width: 100%
    }

    .bar-skeleton-wrap {
        width: 1180px;
        min-height: 144px;
        height: 144px;
        border: 1px solid #d6dbe3;
        font-size: 0;
        margin-bottom: -1px
    }

    .bar-skeleton-head {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        width: 240px;
        height: 144px;
        padding: 0 20px;
        display: inline-block;
        position: relative;
        box-sizing: border-box
    }

    .bar-skeleton-head-wrap {
        position: absolute;
        width: calc(100% - 40px);
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .bar-skeleton-head .bar-skeleton-item:first-child {
        width: 90%;
        height: 28px
    }

    .bar-skeleton-head .bar-skeleton-item:nth-child(2) {
        width: 72%;
        height: 22px;
        margin-top: 8px
    }

    .bar-skeleton-body {
        background: #fff;
        width: 628px;
        height: 144px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        box-sizing: border-box
    }

    .bar-skeleton-body-wrap {
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 12px;
        box-sizing: border-box;
        border-right: 1px solid #d6dbe3
    }

    .bar-skeleton-body-box {
        display: inline-block
    }

    .bar-skeleton-body-box:nth-child(n+2) {
        margin-left: 12px
    }

    .bar-skeleton-body-box.w-118 {
        width: 118px
    }

    .bar-skeleton-body-box.w-344 {
        width: 344px
    }

    .bar-skeleton-body-box.w-108 {
        width: 108px
    }

    .bar-skeleton-body-box.w-249 {
        width: 249px
    }

    .bar-skeleton-body-box.w-273 {
        width: 273px
    }

    .bar-skeleton-body-box.w-336 {
        width: 336px
    }

    .bar-skeleton-body-box .bar-skeleton-item:first-child {
        width: 38px;
        height: 22px
    }

    .bar-skeleton-body-box .bar-skeleton-item:last-child {
        width: 100%;
        height: 36px;
        margin-top: 12px
    }

    .bar-skeleton-foot {
        background: #fff;
        width: 310px;
        height: 144px;
        display: inline-block;
        position: relative;
        vertical-align: top;
        box-sizing: border-box
    }

    .bar-skeleton-foot-wrap {
        width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 20px 0 16px;
        box-sizing: border-box
    }

    .bar-skeleton-foot-price .bar-skeleton-item.item-disc {
        height: 18px;
        width: 43px;
        margin-bottom: 4px
    }

    .bar-skeleton-foot-price .bar-skeleton-item.item-num {
        height: 36px;
        width: 96px
    }

    .bar-skeleton-foot-price .bar-skeleton-item.item-detail {
        height: 14px;
        width: 96px;
        margin-top: 2px
    }

    .bar-skeleton-foot-price .bar-skeleton-item.item-btn {
        height: 36px;
        width: 120px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px
    }

    .bar-skeleton-item {
        background: #d4e4ff
    }
}

@media (max-width: 768px) {
    .bar-skeleton-wrap,.card-skeleton-wrap {
        background:#fff;
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        position: relative
    }

    .bar-skeleton-wrap:after,.card-skeleton-wrap:after {
        content: "";
        position: absolute;
        width: calc(100% - 32px);
        height: 1px;
        background: #d6dbe3;
        bottom: 0;
        left: 16px
    }

    .bar-skeleton-wrap .bar-skeleton-item,.bar-skeleton-wrap .card-skeleton-item,.card-skeleton-wrap .bar-skeleton-item,.card-skeleton-wrap .card-skeleton-item {
        background: #d4e4ff
    }

    .bar-skeleton-wrap .bar-skeleton-head,.bar-skeleton-wrap .card-skeleton-head,.card-skeleton-wrap .bar-skeleton-head,.card-skeleton-wrap .card-skeleton-head {
        padding: 24px 16px 12px;
        height: 58px;
        box-sizing: border-box
    }

    .bar-skeleton-wrap .bar-skeleton-head .bar-skeleton-item,.bar-skeleton-wrap .bar-skeleton-head .card-skeleton-item,.bar-skeleton-wrap .card-skeleton-head .bar-skeleton-item,.bar-skeleton-wrap .card-skeleton-head .card-skeleton-item,.card-skeleton-wrap .bar-skeleton-head .bar-skeleton-item,.card-skeleton-wrap .bar-skeleton-head .card-skeleton-item,.card-skeleton-wrap .card-skeleton-head .bar-skeleton-item,.card-skeleton-wrap .card-skeleton-head .card-skeleton-item {
        height: 22px;
        width: 40%;
        display: inline-block;
        margin-right: 10px
    }

    .bar-skeleton-wrap .bar-skeleton-head .bar-skeleton-item:nth-child(2),.bar-skeleton-wrap .bar-skeleton-head .card-skeleton-item:nth-child(2),.bar-skeleton-wrap .card-skeleton-head .bar-skeleton-item:nth-child(2),.bar-skeleton-wrap .card-skeleton-head .card-skeleton-item:nth-child(2),.card-skeleton-wrap .bar-skeleton-head .bar-skeleton-item:nth-child(2),.card-skeleton-wrap .bar-skeleton-head .card-skeleton-item:nth-child(2),.card-skeleton-wrap .card-skeleton-head .bar-skeleton-item:nth-child(2),.card-skeleton-wrap .card-skeleton-head .card-skeleton-item:nth-child(2) {
        width: 30%
    }

    .bar-skeleton-wrap .bar-skeleton-body,.bar-skeleton-wrap .card-skeleton-body,.card-skeleton-wrap .bar-skeleton-body,.card-skeleton-wrap .card-skeleton-body {
        padding: 0 16px
    }

    .bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box {
        height: 18px
    }

    .bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box+.bar-skeleton-body-box,.bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box+.card-skeleton-body-box,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box+.bar-skeleton-body-box,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box+.card-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box+.bar-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box+.card-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box+.bar-skeleton-body-box,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box+.card-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box+.bar-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box+.card-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box+.bar-skeleton-body-box,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box+.card-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box+.bar-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box+.card-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box+.bar-skeleton-body-box,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box+.card-skeleton-body-box {
        margin-top: 12px
    }

    .bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:first-child,.bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .card-skeleton-item:first-child,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .bar-skeleton-item:first-child,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .card-skeleton-item:first-child,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:first-child,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .card-skeleton-item:first-child,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .bar-skeleton-item:first-child,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .card-skeleton-item:first-child,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:first-child,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .card-skeleton-item:first-child,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .bar-skeleton-item:first-child,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .card-skeleton-item:first-child,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:first-child,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .card-skeleton-item:first-child,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .bar-skeleton-item:first-child,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .card-skeleton-item:first-child {
        width: 56px;
        height: 18px;
        display: inline-block;
        margin-right: 16px
    }

    .bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:last-child,.bar-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .card-skeleton-item:last-child,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .bar-skeleton-item:last-child,.bar-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .card-skeleton-item:last-child,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:last-child,.bar-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .card-skeleton-item:last-child,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .bar-skeleton-item:last-child,.bar-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .card-skeleton-item:last-child,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:last-child,.card-skeleton-wrap .bar-skeleton-body .bar-skeleton-body-box .card-skeleton-item:last-child,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .bar-skeleton-item:last-child,.card-skeleton-wrap .bar-skeleton-body .card-skeleton-body-box .card-skeleton-item:last-child,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .bar-skeleton-item:last-child,.card-skeleton-wrap .card-skeleton-body .bar-skeleton-body-box .card-skeleton-item:last-child,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .bar-skeleton-item:last-child,.card-skeleton-wrap .card-skeleton-body .card-skeleton-body-box .card-skeleton-item:last-child {
        width: calc(100% - 90px);
        height: 18px;
        display: inline-block
    }

    .bar-skeleton-wrap .bar-skeleton-foot,.bar-skeleton-wrap .card-skeleton-foot,.card-skeleton-wrap .bar-skeleton-foot,.card-skeleton-wrap .card-skeleton-foot {
        padding: 16px
    }

    .bar-skeleton-wrap .bar-skeleton-foot-price,.bar-skeleton-wrap .card-skeleton-foot-price,.card-skeleton-wrap .bar-skeleton-foot-price,.card-skeleton-wrap .card-skeleton-foot-price {
        display: inline-block;
        width: calc(100% - 170px);
        margin-right: 50px;
        vertical-align: middle
    }

    .bar-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:first-child:nth-child(-n+1),.bar-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:first-child:nth-child(-n+2),.bar-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:first-child:nth-child(-n+1),.bar-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:first-child:nth-child(-n+2),.card-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:first-child:nth-child(-n+1),.card-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:first-child:nth-child(-n+2),.card-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:first-child:nth-child(-n+1),.card-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:first-child:nth-child(-n+2) {
        width: 100%;
        height: 18px;
        margin-bottom: 4px
    }

    .bar-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:nth-child(2):last-child {
        width: 100%;
        height: 25px
    }

    .bar-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:first-child:only-child,.bar-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:first-child:only-child,.bar-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:first-child:only-child,.bar-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:first-child:only-child,.card-skeleton-wrap .bar-skeleton-foot-price .bar-skeleton-item:first-child:only-child,.card-skeleton-wrap .bar-skeleton-foot-price .card-skeleton-item:first-child:only-child,.card-skeleton-wrap .card-skeleton-foot-price .bar-skeleton-item:first-child:only-child,.card-skeleton-wrap .card-skeleton-foot-price .card-skeleton-item:first-child:only-child {
        width: 100%;
        height: 25px;
        margin-bottom: 0
    }

    .bar-skeleton-wrap .bar-skeleton-foot-btn,.bar-skeleton-wrap .card-skeleton-foot-btn,.card-skeleton-wrap .bar-skeleton-foot-btn,.card-skeleton-wrap .card-skeleton-foot-btn {
        width: 120px;
        display: inline-block;
        vertical-align: middle
    }

    .bar-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:first-child:nth-child(-n+1),.bar-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:first-child:nth-child(-n+2),.bar-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:first-child:nth-child(-n+1),.bar-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:first-child:nth-child(-n+2),.card-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:first-child:nth-child(-n+1),.card-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:first-child:nth-child(-n+2),.card-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:first-child:nth-child(-n+1),.card-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:first-child:nth-child(-n+2) {
        width: 100%;
        height: 18px;
        margin-bottom: 4px
    }

    .bar-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:nth-child(2):last-child,.bar-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:nth-child(2):last-child,.card-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:nth-child(2):last-child {
        width: 100%;
        height: 36px
    }

    .bar-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:first-child:only-child,.bar-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:first-child:only-child,.bar-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:first-child:only-child,.bar-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:first-child:only-child,.card-skeleton-wrap .bar-skeleton-foot-btn .bar-skeleton-item:first-child:only-child,.card-skeleton-wrap .bar-skeleton-foot-btn .card-skeleton-item:first-child:only-child,.card-skeleton-wrap .card-skeleton-foot-btn .bar-skeleton-item:first-child:only-child,.card-skeleton-wrap .card-skeleton-foot-btn .card-skeleton-item:first-child:only-child {
        width: 100%;
        height: 36px;
        margin-bottom: 0
    }
}

.uno-buy-bar .uno-form-item .uno-bubble-trigger,.uno-buy-bar .uno-form-item .uno-bubble-trigger:hover,.uno-buy-card .uno-form-item .uno-bubble-trigger,.uno-buy-card .uno-form-item .uno-bubble-trigger:hover {
    color: #181818;
    border-bottom-color: #181818
}

.uno-buy-bar .uno-form-item .uno-form-label .uno-bubble-trigger,.uno-buy-card .uno-form-item .uno-form-label .uno-bubble-trigger {
    font-size: 13px
}

@media (min-width: 769px) {
    .uno-buy-card,.uno-buy-card:hover {
        box-shadow:8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-buy-card-tit {
        color: #181818
    }

    .uno-buy-card-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-buy-card-sub-tit {
        color: #4b5b76
    }

    .uno-buy-card-area {
        color: #4b5b76;
        background: #d4e4ff
    }

    .uno-buy-card-ad {
        color: #0052d9;
        background: #d4e4ff
    }

    .uno-buy-card-body-message {
        font-size: 14px;
        line-height: 22px;
        word-break: break-all;
        color: #181818
    }

    .uno-buy-card-price-loading,.uno-buy-card-price-num,.uno-buy-card-price-unit {
        color: #ff7800
    }

    .uno-buy-card-price-average {
        color: #4b5b76
    }

    .uno-buy-card-price-original {
        color: #97a3b7
    }

    .uno-buy-card-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-buy-card-discount-desc {
        border: 1px solid #ff7800;
        color: #ff7800;
        background: #fff
    }

    .uno-buy-card-foot-tip {
        color: #4b5b76
    }

    .uno-grid-col-pc-6 .uno-buy-card .uno-buy-card-inner,.uno-grid-col-pc-8 .uno-buy-card .uno-buy-card-inner,.uno-grid-col-pc-12 .uno-buy-card .uno-buy-card-inner {
        background: url(/web/jinglisafe/assets/images/cps/buy_card_bg_content_sprite_25@2x.png);
        background-size: 200% auto;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-6 .uno-buy-card .uno-buy-card-foot,.uno-grid-col-pc-8 .uno-buy-card .uno-buy-card-foot,.uno-grid-col-pc-12 .uno-buy-card .uno-buy-card-foot {
        background: url(/web/jinglisafe/assets/images/cps/buy_card_bg_foot_sprite_25@2x.png);
        background-size: 200% 100%;
        background-position: 0 100%;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-6 .uno-buy-card .uno-buy-card-intro,.uno-grid-col-pc-8 .uno-buy-card .uno-buy-card-intro,.uno-grid-col-pc-12 .uno-buy-card .uno-buy-card-intro {
        width: calc(100% - 4px);
        margin-left: 2px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8)
    }

    .uno-grid-col-pc-6 .uno-buy-card:hover .uno-buy-card-inner,.uno-grid-col-pc-8 .uno-buy-card:hover .uno-buy-card-inner,.uno-grid-col-pc-12 .uno-buy-card:hover .uno-buy-card-inner {
        background-position: 100% 0
    }

    .uno-grid-col-pc-6 .uno-buy-card:hover .uno-buy-card-foot,.uno-grid-col-pc-8 .uno-buy-card:hover .uno-buy-card-foot,.uno-grid-col-pc-12 .uno-buy-card:hover .uno-buy-card-foot {
        background-position: 100% 100%
    }

    .uno-grid-col-pc-6 .uno-buy-card:hover .uno-buy-card-intro,.uno-grid-col-pc-8 .uno-buy-card:hover .uno-buy-card-intro,.uno-grid-col-pc-12 .uno-buy-card:hover .uno-buy-card-intro {
        width: calc(100% - 4px);
        margin-left: 2px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8)
    }

    .uno-grid-col-pc-5 .uno-buy-card .uno-buy-card-inner {
        background: url(/web/jinglisafe/assets/images/cps/buy_card_bg_content_sprite_20@2x.png);
        background-size: 200% auto;
        background-position: 0 0;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-5 .uno-buy-card .uno-buy-card-foot {
        background: url(/web/jinglisafe/assets/images/cps/buy_card_bg_foot_sprite_20@2x.png);
        background-size: 200% 100%;
        background-position: 0 100%;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-5 .uno-buy-card .uno-buy-card-intro {
        width: calc(100% - 4px);
        margin-left: 2px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8)
    }

    .uno-grid-col-pc-5 .uno-buy-card:hover .uno-buy-card-inner {
        background-position: 100% 0
    }

    .uno-grid-col-pc-5 .uno-buy-card:hover .uno-buy-card-foot {
        background-position: 100% 100%
    }

    .uno-grid-col-pc-5 .uno-buy-card:hover .uno-buy-card-intro {
        width: calc(100% - 4px);
        margin-left: 2px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8)
    }
}

@media (max-width: 768px) {
    .uno-buy-bar,.uno-buy-card {
        margin-left:-16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: none
    }

    .uno-buy-bar,.uno-buy-bar:hover,.uno-buy-card,.uno-buy-card:hover {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-buy-bar-tit,.uno-buy-card-tit {
        color: #181818
    }

    .uno-buy-bar-tit .uno-bubble-trigger,.uno-buy-card-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-buy-bar-sub-tit,.uno-buy-card-sub-tit {
        color: #4b5b76
    }

    .uno-buy-bar-area,.uno-buy-card-area {
        color: #4b5b76;
        background: #d4e4ff
    }

    .uno-buy-bar-ad,.uno-buy-card-ad {
        color: #0052d9;
        background: #d4e4ff
    }

    .uno-buy-bar-body-message,.uno-buy-card-body-message {
        font-size: 14px;
        line-height: 22px;
        word-break: break-all;
        color: #181818
    }

    .uno-buy-bar-price-loading,.uno-buy-bar-price-num,.uno-buy-bar-price-unit,.uno-buy-card-price-loading,.uno-buy-card-price-num,.uno-buy-card-price-unit {
        color: #ff7800
    }

    .uno-buy-bar-price-average,.uno-buy-card-price-average {
        color: #4b5b76
    }

    .uno-buy-bar-price-original,.uno-buy-card-price-original {
        color: #97a3b7
    }

    .uno-buy-bar-discount-num,.uno-buy-card-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-buy-bar-discount-desc,.uno-buy-card-discount-desc {
        background: #fff;
        border: 1px solid #ff7800;
        color: #ff7800
    }

    .uno-buy-bar-foot-tip,.uno-buy-card-foot-tip {
        color: #4b5b76
    }
}

@media (min-width: 769px) {
    .uno-buy-bar {
        border:2px solid #fff;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-buy-bar+.uno-buy-bar {
        border-top: none
    }

    .uno-buy-bar:before {
        background: #d6dbe3
    }

    .uno-buy-bar-head {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6)
    }

    .uno-buy-bar:hover {
        background: -webkit-linear-gradient(top,#fafbfc,#fff);
        background: linear-gradient(180deg,#fafbfc,#fff);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 8px 8px 20px 0 rgba(55,99,170,.11)
    }

    .uno-buy-bar:hover:after {
        border: 2px solid #fff
    }

    .uno-buy-bar:hover:before {
        background: #d6dbe3
    }

    .uno-buy-bar:hover .uno-buy-bar-head {
        background: -webkit-linear-gradient(top,#dae8fc,#dee9fd);
        background: linear-gradient(180deg,#dae8fc,#dee9fd)
    }

    .uno-buy-bar-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-buy-bar-discount-desc {
        border: 1px solid #ff7800;
        color: #ff7800;
        background: #fff
    }

    .uno-buy-bar-price-loading,.uno-buy-bar-price-num,.uno-buy-bar-price-unit {
        color: #ff7800
    }

    .uno-buy-bar-price-average {
        color: #4b5b76
    }

    .uno-buy-bar-price-original {
        color: #97a3b7
    }

    .uno-buy-bar-foot-tip {
        color: #4b5b76
    }

    .uno-buy-bar-tit {
        color: #181818
    }

    .uno-buy-bar-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-buy-bar-sub-tit {
        color: #4b5b76
    }

    .uno-buy-bar-sub-tit .uno-bubble-trigger {
        color: #4b5b76;
        border-color: #4b5b76
    }

    .uno-buy-bar-area {
        color: #4b5b76
    }

    .uno-buy-bar-foot {
        position: static
    }

    .uno-buy-bar-foot-inner {
        position: relative;
        z-index: 1
    }

    .uno-buy-bar-foot:after {
        content: "";
        display: block;
        position: absolute;
        width: 310px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 0;
        background: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }
}

@media (max-width: 768px) {
    .editor-wrap-buy-bar-item.uno-product-hide,.editor-wrap-seckill-bar-item.uno-product-hide,.uno-grid-col-item.uno-product-hide {
        display:none
    }

    .uno-button.uno-button-sell-card-more {
        margin: 20px auto;
        display: block
    }
}

@-webkit-keyframes dom-hide {
    to {
        opacity: 0;
        display: none
    }
}

@keyframes dom-hide {
    to {
        opacity: 0;
        display: none
    }
}

@-webkit-keyframes dom-show {
    to {
        opacity: 1
    }
}

@keyframes dom-show {
    to {
        opacity: 1
    }
}

.uno-buy-card-selltype-groupbuy .uno-form .uno-select-disabled .uno-select-btn {
    color: #97a3b7
}

.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap .uno-bubble-trigger,.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap .uno-bubble-trigger:hover {
    color: #181818;
    border-bottom-color: #181818
}

.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked {
    cursor: default
}

.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked .uno-checkbox-inner {
    cursor: inherit
}

.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked .uno-bubble-trigger,.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked .uno-bubble-trigger:hover {
    color: #181818;
    border-bottom-color: #181818
}

.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap-checked.uno-buy-card-checked-sell-out {
    cursor: not-allowed
}

@media (min-width: 769px) {
    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit {
        word-wrap:break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: pre-wrap;
        word-break: break-word
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit-text {
        display: inline;
        vertical-align: middle;
        white-space: inherit;
        word-break: inherit
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit .uno-list .uno-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit .uno-list .uno-item:not(:first-child) {
        margin-top: 4px
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item .uno-form-item .uno-form-value-inner {
        line-height: 36px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-form-value .uno-form {
        display: inline-block;
        vertical-align: middle
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-select {
        width: 120px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-checkbox-wrap {
        width: calc(100% - 120px);
        padding-right: 8px;
        vertical-align: middle;
        color: #181818
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-checkbox-wrap-disabled.uno-checkbox-wrap:not(.uno-checkbox-wrap-checked) {
        color: #97a3b7
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-buy-card-product-parm {
        width: 120px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        word-break: break-all;
        white-space: normal;
        height: 36px;
        overflow: hidden
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-body .uno-buy-card-product-parm:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        width: 0
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn {
        position: absolute;
        z-index: 1;
        width: calc(100% - 32px);
        bottom: 61px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        padding: 7px;
        text-align: center;
        background: #fdeced;
        font-size: 14px;
        line-height: 22px;
        color: #e54545;
        vertical-align: top;
        opacity: 1;
        display: block
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: top;
        margin-right: 8px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_groupbuy_tip_icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: -3px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn.uno-buy-card-tip-warn-show {
        display: block;
        -webkit-animation: dom-show .3s normal forwards;
        animation: dom-show .3s normal forwards
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn.uno-buy-card-tip-warn-hide {
        -webkit-animation: dom-hide .3s normal forwards;
        animation: dom-hide .3s normal forwards
    }
}

@media (max-width: 768px) {
    .uno-buy-card-selltype-groupbuy {
        position:relative
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item .uno-form-item .uno-form-value-inner {
        line-height: 36px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 12px;
        padding-right: 12px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: pre-wrap;
        word-break: break-word
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit .uno-buy-card-advantage {
        margin-right: 4px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit-text {
        display: inline;
        vertical-align: middle;
        white-space: inherit;
        word-break: inherit
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit .uno-list .uno-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-sub-tit .uno-list .uno-item:not(:first-child) {
        margin-top: 4px
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item {
        position: relative;
        width: 100%;
        height: 64px;
        background: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
        border-radius: 2px
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item .uno-form {
        position: absolute;
        width: calc(100% - 36px);
        left: 36px;
        bottom: 0;
        height: 36px
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item .uno-form .uno-form-item {
        position: inherit;
        width: 100%;
        height: auto;
        background: none;
        box-shadow: none;
        border-radius: none
    }

    .uno-buy-card-selltype-groupbuy .uno-checkbox-wrap,.uno-buy-card-selltype-groupbuy .uno-checkbox-wrap-disabled.uno-checkbox-wrap {
        color: #181818;
        font-weight: 500
    }

    .uno-buy-card-selltype-groupbuy .uno-checkbox-wrap {
        width: 100%;
        display: block;
        height: 100%;
        padding: 8px 0 0 44px
    }

    .uno-buy-card-selltype-groupbuy .uno-checkbox {
        top: 24px;
        left: 12px
    }

    .uno-buy-card-selltype-groupbuy .uno-checkbox-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        padding-right: 12px
    }

    .uno-buy-card-selltype-groupbuy .uno-form-item-config .uno-form-value,.uno-buy-card-selltype-groupbuy .uno-form-item-config .uno-form-value-inner,.uno-buy-card-selltype-groupbuy .uno-form-item .uno-form-value,.uno-buy-card-selltype-groupbuy .uno-form-item .uno-form-value-inner {
        width: 100%;
        height: 100%
    }

    .uno-buy-card-selltype-groupbuy .uno-form .uno-select {
        width: calc(100% + 24px);
        margin-left: -12px;
        margin-right: -12px
    }

    .uno-buy-card-selltype-groupbuy .uno-form .uno-select-btn {
        border: none;
        box-shadow: none;
        background: none;
        color: #4b5b76
    }

    .uno-buy-card-selltype-groupbuy .uno-form .uno-select-btn:active,.uno-buy-card-selltype-groupbuy .uno-form .uno-select-btn:hover {
        border: none;
        box-shadow: none;
        background: none
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn {
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 68px;
        z-index: 1;
        padding: 13px 20px;
        background: #fdeced;
        font-size: 14px;
        line-height: 22px;
        color: #e54545;
        opacity: 1;
        display: block
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn-icon {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: top;
        text-align: left;
        margin-right: 8px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_groupbuy_tip_icon.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: -3px
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn.uno-buy-card-tip-warn-show {
        display: block;
        -webkit-animation: dom-show .3s normal forwards;
        animation: dom-show .3s normal forwards
    }

    .uno-buy-card-selltype-groupbuy .uno-buy-card-tip-warn.uno-buy-card-tip-warn-hide {
        -webkit-animation: dom-hide .3s normal forwards;
        animation: dom-hide .3s normal forwards
    }
}

@media (min-width: 769px) {
    .uno-buy-card-selltype-free .uno-buy-card-intro {
        padding:16px;
        position: relative
    }

    .uno-buy-card-selltype-free .uno-buy-card-intro .uno-text {
        margin-right: 4px
    }

    .uno-buy-card-selltype-free .uno-buy-card-intro:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: calc(100% - 32px);
        height: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        border-bottom: 1px dashed #d6dbe3
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot {
        padding-top: 12px
    }

    .uno-buy-card-selltype-free .uno-buy-card-price-loading {
        line-height: 28px;
        height: 28px
    }

    .uno-buy-card-selltype-free .uno-buy-card-price-free .uno-buy-card-price-num {
        font-size: 20px;
        line-height: 28px
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) {
        display: -webkit-box;
        display: flex
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) .uno-button {
        -webkit-box-flex: 1;
        flex: 1
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) .uno-button:nth-child(n+2) {
        margin-left: 16px
    }

    .uno-grid-col-pc-6 .uno-buy-card.uno-buy-card-selltype-free .uno-buy-card-intro,.uno-grid-col-pc-6 .uno-buy-card.uno-buy-card-selltype-free:hover .uno-buy-card-intro,.uno-grid-col-pc-8 .uno-buy-card.uno-buy-card-selltype-free .uno-buy-card-intro,.uno-grid-col-pc-8 .uno-buy-card.uno-buy-card-selltype-free:hover .uno-buy-card-intro,.uno-grid-col-pc-12 .uno-buy-card.uno-buy-card-selltype-free .uno-buy-card-intro,.uno-grid-col-pc-12 .uno-buy-card.uno-buy-card-selltype-free:hover .uno-buy-card-intro {
        width: 100%;
        margin-left: 0;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff
    }

    .uno-buy-bar-selltype-free:nth-child(n+2) {
        margin-top: 32px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-sub-tit {
        display: block
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-body {
        padding: 28px 24px 16px
    }

    .uno-buy-bar-selltype-free .uno-form {
        padding-bottom: 7px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro {
        padding-top: 16px;
        position: relative
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro .uno-text {
        margin-right: 4px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro .uno-list {
        margin-top: 0
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro .uno-list .uno-item {
        display: inline-block;
        margin-top: 0
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro .uno-list .uno-item:nth-child(n+2) {
        margin-left: 48px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        border-bottom: 1px dashed #d6dbe3
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-price-loading {
        line-height: 28px;
        height: 28px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-price-free .uno-buy-bar-price-num {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width: 768px) {
    .uno-buy-card-selltype-free .uno-buy-card-intro {
        padding-bottom:16px;
        position: relative
    }

    .uno-buy-card-selltype-free .uno-buy-card-intro .uno-text {
        margin-right: 4px
    }

    .uno-buy-card-selltype-free .uno-buy-card-intro:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        border-bottom: 1px dashed #d6dbe3
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-price-loading {
        font-size: 18px;
        line-height: 26px;
        height: 26px
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-price-free {
        margin: 0
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-price-free .uno-buy-card-price-num {
        font-size: 18px
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) {
        display: -webkit-box;
        display: flex;
        margin-top: 12px
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) .uno-button {
        -webkit-box-flex: 1;
        flex: 1
    }

    .uno-buy-card-selltype-free .uno-buy-card-foot .uno-buy-card-center:not(.uno-buy-card-foot-params) .uno-button:nth-child(n+2) {
        margin-left: 16px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro {
        padding-bottom: 16px;
        position: relative
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro .uno-text {
        margin-right: 4px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-intro:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 1px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0;
        border-bottom: 1px dashed #d6dbe3
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-price-loading {
        font-size: 18px;
        line-height: 26px;
        height: 26px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-price-free {
        margin: 0
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-price-free .uno-buy-bar-price-num {
        font-size: 18px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-center:not(.uno-buy-bar-foot-params) {
        display: -webkit-box;
        display: flex;
        margin-top: 12px
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-center:not(.uno-buy-bar-foot-params) .uno-button {
        -webkit-box-flex: 1;
        flex: 1
    }

    .uno-buy-bar-selltype-free .uno-buy-bar-foot .uno-buy-bar-center:not(.uno-buy-bar-foot-params) .uno-button:nth-child(n+2) {
        margin-left: 16px
    }
}

.uno-link {
    color: #0052d9;
    font-size: inherit;
    text-decoration: none;
    position: relative;
    cursor: pointer
}

.uno-link .uno-icon {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s
}

.uno-link:hover {
    color: #001f97
}

.uno-link:hover .uno-icon {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    background-image: url(/web/jinglisafe/assets/images/cps/icon_link_hover.svg)
}

.uno-section .uno-buy-bar-body-message a,.uno-section .uno-buy-card-body-message a {
    color: #0052d9
}

.uno-section .uno-buy-bar-body-message a:hover,.uno-section .uno-buy-card-body-message a:hover {
    color: #001f97
}

.uno-renewal,.uno-renewal .uno-renewal-inner {
    width: 100%;
    height: auto;
    position: relative
}

.uno-renewal .uno-renewal-inner {
    padding: 0;
    display: block;
    table-layout: fixed
}

.uno-renewal .uno-renewal-lt,.uno-renewal .uno-renewal-rt {
    display: inline-block;
    vertical-align: middle
}

.uno-renewal .uno-renewal-lt {
    width: 326px;
    box-sizing: border-box;
    padding-right: 104px;
    background-image: -webkit-linear-gradient(315deg,#0082e4,#0050b9 99%,#0051bb);
    background-image: linear-gradient(135deg,#0082e4,#0050b9 99%,#0051bb);
    background-color: #0082e4;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.uno-renewal .uno-renewal-rt {
    padding: 22px 0;
    box-sizing: border-box;
    position: relative;
    left: 326px;
    z-index: auto
}

@media screen and (min-width: 769px) {
    .uno-renewal .uno-renewal-tit-box {
        position:absolute;
        width: calc(100% - 124px);
        top: 28px;
        left: 20px
    }
}

.uno-renewal .uno-renewal-tit {
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

@media screen and (min-width: 769px) {
    .uno-renewal .uno-renewal-tit {
        max-width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.uno-renewal .uno-renewal-subtit {
    opacity: .8;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.uno-renewal .uno-renewal-promotion {
    position: absolute;
    width: calc(100% - 124px);
    z-index: auto;
    bottom: 20px;
    left: 20px;
    max-height: calc(100% - 122px)
}

.uno-renewal .uno-renewal-promotion-adron {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 120px;
    height: 106px;
    bottom: -20px;
    left: 124px
}

.uno-renewal .uno-renewal-promotion-con {
    padding-top: 30px
}

.uno-renewal .uno-renewal-promotion-tag {
    height: 25px;
    position: absolute;
    top: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/renewal_tag.png);
    padding-left: 14px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    background-repeat: no-repeat;
    background-size: 86px 32px;
    background-position: 0 -5px;
    padding-right: 20px;
    width: auto;
    left: -30px
}

.uno-renewal .uno-renewal-promotion-txt {
    font-size: 14px;
    color: #fff;
    line-height: 22px
}

.uno-renewal .uno-renewal-promotion-txt+.uno-renewal-promotion-txt {
    margin-top: 4px
}

.uno-renewal .uno-renewal-promotion-price {
    font-size: 14px;
    color: #ffcc5a;
    text-align: left;
    line-height: 22px;
    margin-top: 4px
}

.uno-renewal .uno-renewal-promotion-price .uno-renewal-promotion-price-num {
    font-size: 16px;
    vertical-align: baseline
}

.uno-renewal .uno-renewal-promotion-state {
    margin-top: 5px;
    opacity: .8;
    font-size: 12px;
    line-height: 18px;
    color: #fff
}

.uno-renewal .uno-renewal-con {
    white-space: nowrap;
    width: 958px;
    background: #fff;
    margin-left: -104px;
    border: 1px solid #e1e4ec;
    box-shadow: 0 4px 8px 0 rgba(89,99,127,.06);
    min-height: 220px;
    position: relative
}

.uno-renewal .uno-renewal-con .uno-renewal-con-pc {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 230px);
    border-right: 1px solid #eaedf2;
    min-height: 220px
}

.uno-renewal .uno-renewal-con .uno-renewal-cost-area {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    min-height: 146px;
    width: 230px
}

.uno-renewal .uno-renewal-con-hd {
    background-color: #f5fafd;
    width: 100%
}

.uno-renewal .uno-renewal-con-hd .uno-renewal-con-hd-item {
    display: inline-block;
    width: calc(100% - 360px);
    padding: 0 20px
}

.uno-renewal .uno-renewal-con-hd .uno-renewal-con-hd-item:last-child {
    width: 360px;
    padding-left: 0
}

.uno-renewal .uno-renewal-con-hd span {
    color: #333;
    text-align: left;
    line-height: 40px;
    font-weight: 500;
    font-size: 14px
}

.uno-renewal .uno-renewal-con-hd .uno-link {
    font-size: 14px;
    line-height: 22px;
    float: right;
    line-height: 40px
}

.uno-renewal .uno-renewal-con-bd .uno-renewal-con-details,.uno-renewal .uno-renewal-con-bd .uno-renewal-con-params {
    display: inline-block;
    width: calc(100% - 360px);
    padding: 16px 20px;
    vertical-align: top
}

.uno-renewal .uno-renewal-con-bd .uno-renewal-con-details {
    width: 360px;
    padding-left: 0
}

.uno-renewal .uno-renewal-con-params .uno-form-item+.uno-form-item {
    margin-top: 36px
}

.uno-renewal .uno-renewal-con-params .uno-form-label-inner {
    line-height: 36px
}

.uno-renewal .uno-renewal-con-details .uno-form .uno-form-value {
    margin-left: 10px
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child {
    white-space: normal;
    min-height: 70px
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    white-space: nowrap
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item:first-child .uno-form-value-inner,.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item:first-child p {
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item:nth-child(2n) {
    width: 150px
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item:nth-child(2n) .uno-form-label {
    width: 42px
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-item:last-child {
    margin-bottom: 16px
}

.uno-renewal .uno-renewal-con-details .uno-form:first-child .uno-form-value {
    word-break: break-all;
    white-space: normal
}

.uno-renewal .uno-renewal-con-details-unselect {
    font-size: 12px;
    color: #999;
    text-align: left;
    line-height: 36px
}

.uno-renewal .uno-form-label {
    width: 56px
}

.uno-renewal .uno-form-value {
    width: calc(100% - 69px)
}

.uno-renewal .uno-form-value .uno-radio-groups {
    white-space: normal;
    max-width: 100%
}

.uno-renewal .uno-form-value .uno-radio-btn:nth-child(n+6) {
    margin-top: 18px
}

.uno-renewal .uno-form-value .uno-radio-btn:nth-child(5n+1):hover:after {
    border-color: #00a4ff
}

.uno-renewal .uno-renewal-con-ft .uno-renewal-inc-present-item {
    display: inline-block;
    width: calc(100% - 380px);
    padding: 12px 0 12px 20px;
    vertical-align: top
}

.uno-renewal .uno-renewal-con-ft .uno-renewal-inc-present-item .uno-form-label {
    margin-right: 12px
}

.uno-renewal .uno-renewal-con-ft .uno-renewal-inc-present-item .uno-form-value {
    margin-left: 0
}

.uno-renewal .uno-renewal-con-ft .uno-renewal-inc-present-item:last-child {
    width: 360px
}

.uno-renewal .uno-renewal-con-ft.uno-renewal-inc-present:before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    border-top: 2px dashed #eee
}

.uno-renewal .uno-renewal-con-ft .uno-checkbox {
    position: static
}

.uno-renewal .uno-renewal-con-ft .uno-icon {
    vertical-align: -3px;
    display: inline-block;
    line-height: 20px;
    margin-left: 4px
}

.uno-renewal .uno-renewal-rt-params {
    margin-bottom: 12px
}

.uno-renewal .uno-renewal-ad {
    font-size: 16px;
    color: #ff6000;
    text-align: left;
    line-height: 24px;
    white-space: nowrap;
    margin-bottom: 4px
}

.uno-renewal .uno-renewal-price-num {
    font-size: 28px;
    line-height: 36px;
    color: #ff7800
}

.uno-renewal .uno-renewal-price-unit {
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
    color: #ff7800
}

.uno-renewal .uno-renewal-price-detail+.uno-renewal-price {
    margin-bottom: 0
}

.uno-renewal-price-average {
    font-size: 12px;
    line-height: 18px;
    color: #495770;
    margin-right: 8px
}

.uno-renewal-price-original {
    font-size: 12px;
    line-height: 18px;
    color: #98a3b7
}

.uno-renewal .uno-renewal-rt-tip {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-bottom: 4px
}

.uno-renewal .uno-button {
    width: 100%
}

.uno-renewal .uno-renewal-ren-endtime .uno-form-value {
    color: #e54545
}

.uno-renewal .uno-renewal-ren-endtime .uno-form-value span {
    color: #999;
    font-size: 12px;
    margin-left: 8px
}

.uno-renewal .uno-renewal-instance-as-time-remarks {
    font-size: 14px;
    color: #333;
    line-height: 36px
}

.uno-renewal .uno-select+.uno-renewal-instance-as-time-remarks {
    font-size: 12px;
    color: #999;
    line-height: 18px;
    margin-top: 8px
}

@media screen and (min-width: 769px) {
    .uno-renewal .uno-renewal-con-mobile {
        display:none!important
    }
}

@media screen and (max-width: 768px) {
    .uno-renewal .uno-form-label:before {
        display:none
    }

    .uno-renewal .uno-renewal-inner {
        display: block
    }

    .uno-renewal .uno-renewal-con {
        box-shadow: none;
        min-height: 0;
        width: auto;
        margin: 0;
        border: none
    }

    .uno-renewal .uno-renewal-lt,.uno-renewal .uno-renewal-rt {
        display: block;
        padding: 0;
        margin: 0;
        background: none;
        position: static
    }

    .uno-renewal .uno-renewal-promotion {
        display: none
    }

    .uno-renewal .uno-renewal-con-pc {
        display: none!important
    }

    .uno-renewal .uno-renewal-subtit {
        display: none
    }

    .uno-renewal .uno-renewal-inner {
        background: none;
        width: auto;
        padding: 0
    }

    .uno-renewal .uno-renewal-tit {
        font-size: 16px;
        line-height: 24px;
        color: #333;
        margin-bottom: 8px;
        font-weight: 500
    }

    .uno-renewal .uno-renewal-con .uno-renewal-con-mobile,.uno-renewal .uno-renewal-con .uno-renewal-cost-area {
        width: auto;
        display: block
    }

    .uno-renewal .uno-renewal-con .uno-renewal-cost-area {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
        margin-top: 16px
    }

    .uno-renewal .uno-form-value {
        white-space: normal;
        color: #333;
        font-size: 14px;
        line-height: 22px
    }

    .uno-renewal .uno-form-label-inner {
        color: #666;
        font-size: 14px;
        line-height: 22px
    }

    .uno-renewal .uno-form-item {
        margin-bottom: 4px
    }

    .uno-renewal .uno-renewal-center {
        width: auto;
        display: inline-block;
        -webkit-box-flex: 0;
        flex: 0 0;
        text-align: right
    }

    .uno-renewal .uno-renewal-rt-params {
        margin: 0;
        -webkit-box-flex: 1;
        flex-grow: 1;
        text-align: left;
        min-height: 60px;
        position: relative
    }

    .uno-renewal .uno-renewal-price-detail {
        position: absolute;
        bottom: 36px
    }

    .uno-renewal .uno-renewal-rt-tip {
        text-align: left
    }

    .uno-renewal .uno-renewal-price-detail+.uno-renewal-price {
        margin-top: 28px
    }

    .uno-renewal .uno-renewal-ad {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 22px
    }

    .uno-renewal .uno-renewal-price-num {
        font-size: 24px;
        line-height: 24px
    }

    .uno-renewal .uno-renewal-price-detail {
        bottom: 30px
    }
}

.uno-renewal .uno-renewal-mismatch {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    white-space: normal
}

.uno-renewal .uno-renewal-mismatch-hint {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.uno-renewal .uno-renewal-mismatch-operate {
    margin-top: 24px
}

.uno-renewal .uno-renewal-mismatch-operate .uno-button {
    min-width: 140px;
    width: auto
}

.uno-renewal .uno-renewal-mismatch-operate .uno-button+.uno-button {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .uno-renewal .uno-renewal-mismatch {
        position:static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left;
        margin-top: 16px
    }

    .uno-renewal .uno-renewal-mismatch-hint {
        color: #666
    }

    .uno-renewal .uno-renewal-mismatch-operate {
        margin-top: 16px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uno-renewal .uno-renewal-mismatch-operate .uno-button {
        -webkit-box-flex: 1;
        flex: 1 0;
        min-width: 0
    }
}

.uno-timeline {
    margin: 24px auto 0
}

.uno-timeline-inner {
    position: relative
}

.uno-timeline-list {
    display: block;
    position: relative;
    z-index: 10;
    white-space: nowrap
}

.uno-timeline-item {
    display: inline-block;
    text-align: center;
    margin-right: 34px;
    cursor: pointer
}

.uno-timeline-item:last-child {
    margin-right: 0
}

.uno-timeline-item-tit {
    padding: 5px 3px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    height: 40px;
    width: 100px;
    background-size: 100% 100%;
    background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg@2x.png)
}

.uno-timeline-item-dot {
    width: 10px;
    height: 10px;
    margin: 8px auto 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 6px 0 rgba(55,99,170,.1),-2px -2px 6px 0 #fff
}

.uno-timeline-item-detail {
    margin-top: 10px;
    color: #4b5b76
}

.uno-timeline-item-date,.uno-timeline-item-status {
    font-size: 14px;
    line-height: 22px
}

.uno-timeline-axis {
    width: calc(100% - 100px);
    height: 1px;
    background: #ddd;
    position: absolute;
    bottom: 60px;
    left: 48px
}

.uno-timeline.uno-timeline-background .uno-timeline-axis {
    width: calc(100% - 110px)
}

.uno-timeline.uno-timeline-whole .uno-timeline-inner {
    display: inline-block
}

.uno-timeline.uno-timeline-whole .uno-timeline-axis {
    width: calc(100% - 100px)
}

@media screen and (min-width: 769px) {
    .uno-timeline {
        margin-bottom:24px
    }

    .uno-timeline-item-tit {
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .uno-timeline-item-tit:after {
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: calc(100% - 6px);
        border-radius: 8px;
        display: block;
        position: absolute;
        -webkit-transform: translateZ(-1px);
        transform: translateZ(-1px);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }

    .uno-timeline-item.uno-timeline-item-done {
        cursor: not-allowed
    }

    .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit {
        color: #97a3b7;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_done@2x.png)
    }

    .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit:after {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }

    .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 8px auto 0;
        background-size: 100% 100%;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 2px 2px 6px 0 rgba(55,99,170,.1),-2px -2px 6px 0 #fff
    }

    .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-detail {
        color: #97a3b7
    }

    .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_current@2x.png);
        color: #fff
    }

    .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit:after {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }

    .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-dot {
        width: 12px;
        height: 12px;
        margin: 7px auto 0;
        border-radius: 50%;
        background: #fff;
        border: 2px solid #0052d9;
        box-shadow: 2px 2px 6px 0 rgba(55,99,170,.1),-2px -2px 6px 0 #fff
    }

    .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-detail {
        margin-top: 8px;
        color: #0052d9
    }

    .uno-timeline-item.uno-timeline-item-selected .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_selected@2x.png)
    }

    .uno-timeline-item.uno-timeline-item-selected .uno-timeline-item-tit:after {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }

    .uno-timeline-item:hover.uno-timeline-item-done .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_done@2x.png)
    }

    .uno-timeline-item:hover.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_current@2x.png)
    }

    .uno-timeline-item:hover.uno-timeline-item-selected .uno-timeline-item-tit,.uno-timeline-item:hover .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_bg_selected@2x.png)
    }

    .uno-timeline-item:hover .uno-timeline-item-tit:after {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }
}

@media screen and (max-width: 768px) {
    .uno-timeline {
        width:calc(100% + 32px);
        margin: 0 -16px;
        position: relative;
        z-index: 1
    }

    .uno-timeline-inner {
        white-space: nowrap;
        word-break: keep-all;
        max-width: 100%;
        overflow: auto;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        border-radius: 4px
    }

    .uno-timeline-list {
        font-size: 0
    }

    .uno-timeline-item {
        vertical-align: middle;
        padding: 10px 8px;
        min-width: 72px;
        margin-right: 0;
        box-sizing: border-box;
        -webkit-tap-highlight-color: transparent
    }

    .uno-timeline-item-tit {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        color: #4b5b76;
        background: none
    }

    .uno-timeline-item-detail {
        color: #4b5b76;
        margin-top: 0
    }

    .uno-timeline-item-date,.uno-timeline-item-status {
        display: inline
    }

    .uno-timeline-item-status {
        margin-left: 4px
    }

    .uno-timeline-item-dot {
        display: none
    }

    .uno-timeline-item.uno-timeline-item-done {
        opacity: .7
    }

    .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-detail,.uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit {
        color: #97a3b7
    }

    .uno-timeline-item.uno-timeline-item-current {
        border-radius: 4px;
        background-color: #0052d9
    }

    .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-detail,.uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit {
        font-weight: 500;
        color: #fff
    }

    .uno-timeline-item.uno-timeline-item-selected {
        position: relative;
        background: -webkit-linear-gradient(top,rgba(218,232,252,.8),rgba(222,233,253,.8));
        background: linear-gradient(180deg,rgba(218,232,252,.8),rgba(222,233,253,.8))
    }

    .uno-timeline-axis {
        display: none
    }
}

.uno-timeline-card {
    display: inline-block;
    vertical-align: top
}

.uno-timeline-card .uno-timeline-item-dot {
    margin-top: 8px
}

.uno-timeline-card-inner {
    position: relative
}

.uno-timeline-card-tit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    padding-left: 11px;
    margin-bottom: 16px;
    position: relative
}

.uno-timeline-card-tit:before {
    content: "";
    height: 20px;
    width: 2px;
    position: absolute;
    left: 0;
    top: 1px;
    background-color: #0052d9
}

@media screen and (max-width: 768px) {
    .uno-timeline-card-tit {
        display:none
    }
}

@media screen and (min-width: 769px) {
    .uno-timeline-card+.uno-timeline-card {
        position:absolute;
        left: 50%
    }

    .uno-timeline-card:first-child {
        margin-right: 26px
    }

    .uno-timeline-card .uno-timeline-item {
        margin-right: 24px
    }

    .uno-timeline-card .uno-timeline-item:last-child {
        margin-right: 0
    }

    .uno-timeline-card .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_done@2x.png)
    }

    .uno-timeline-card .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_current@2x.png)
    }

    .uno-timeline-card .uno-timeline-item.uno-timeline-item-selected .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_selected@2x.png)
    }

    .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-done .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_done@2x.png)
    }

    .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_current@2x.png)
    }

    .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-selected .uno-timeline-item-tit,.uno-timeline-card .uno-timeline-item:hover .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_card_bg_selected@2x.png)
    }

    .uno-timeline-card .uno-timeline-item-tit {
        width: 96px;
        height: 55px;
        padding: 2px 3px;
        background: url(/web/jinglisafe/assets/images/cps/timeline_card_bg@2x.png);
        background-size: 100% 100%
    }

    .uno-timeline-card .uno-timeline-axis {
        bottom: 5px
    }
}

@media screen and (max-width: 768px) {
    .uno-timeline-card {
        width:auto
    }

    .uno-timeline-card .uno-timeline-item-status {
        display: block;
        margin-left: 0
    }
}

.uno-timeline-whole .uno-timeline-axis {
    width: calc(100% - 110px);
    left: 50px
}

@media screen and (min-width: 769px) {
    .uno-timeline-background {
        background-image:url(/web/jinglisafe/assets/images/cps/timeline_container_bg.png);
        background-size: 100% 100%;
        padding: 34px 18px 20px
    }

    .uno-timeline-background .uno-timeline-card+.uno-timeline-card {
        position: absolute;
        left: 50%
    }

    .uno-timeline-background .uno-timeline-card:first-child {
        margin-right: 70px
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item {
        margin-right: 14px
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item .uno-timeline-item-tit {
        color: #fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item .uno-timeline-item-tit:after {
        display: none
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item .uno-timeline-item-detail {
        color: #fff
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item .uno-timeline-item-dot {
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: none;
        box-shadow: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_item_dot.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit {
        color: hsla(0,0%,100%,.6);
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_done.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-detail {
        color: hsla(0,0%,100%,.6)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-dot {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_item_dot_done.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit {
        color: #fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_current.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-dot {
        color: fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_item_dot_current.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item.uno-timeline-item-selected .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_selected.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-done .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_done.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_current.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-item:hover.uno-timeline-item-selected .uno-timeline-item-tit,.uno-timeline-background .uno-timeline-card .uno-timeline-item:hover .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_card_bg_selected.png)
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-card-tit {
        padding-left: 0;
        color: #fff
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-card-tit:before {
        display: none
    }

    .uno-timeline-background .uno-timeline-card .uno-timeline-axis {
        background: rgba(72,149,252,.7);
        bottom: 6px
    }

    .uno-timeline-whole.uno-timeline-background {
        padding: 34px 20px 20px
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item:nth-child(n+2) {
        margin-left: 30px
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item {
        margin-right: 0
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item .uno-timeline-item-tit {
        color: #fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item .uno-timeline-item-tit:after {
        display: none
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item .uno-timeline-item-detail {
        color: #fff
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item .uno-timeline-item-dot {
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: none;
        box-shadow: none;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_item_dot.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-tit {
        color: hsla(0,0%,100%,.6);
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_done.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-detail {
        color: hsla(0,0%,100%,.6)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-done .uno-timeline-item-dot {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_item_dot_done.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-tit {
        color: #fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_current.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-current .uno-timeline-item-dot {
        color: fff;
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_item_dot_current.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item.uno-timeline-item-selected .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_selected.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item:hover.uno-timeline-item-done .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_done.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item:hover.uno-timeline-item-current .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_current.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-item:hover.uno-timeline-item-selected .uno-timeline-item-tit,.uno-timeline-whole.uno-timeline-background .uno-timeline-item:hover .uno-timeline-item-tit {
        background-image: url(/web/jinglisafe/assets/images/cps/timeline_background_whole_bg_selected.png)
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-card-tit {
        padding-left: 0;
        color: #fff
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-card-tit:before {
        display: none
    }

    .uno-timeline-whole.uno-timeline-background .uno-timeline-axis {
        background: rgba(72,149,252,.7)
    }
}

@media (max-width: 768px) {
    .uno-timeline.uno-module {
        width:100%;
        padding: 0;
        margin: 0
    }
}

.uno-countdown {
    width: 180px;
    display: inline-block;
    font-size: 0;
    text-align: right
}

.uno-countdown-tip {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #4b5b76;
    margin-bottom: 8px
}

.uno-countdown-boxes {
    display: inline-block;
    word-break: keep-all;
    white-space: nowrap
}

.uno-countdown-box {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #0052d9
}

.uno-countdown-divider {
    color: #97a3b7;
    font-size: 22px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    text-align: center
}

@media screen and (max-width: 768px) {
    .uno-countdown {
        width:auto
    }

    .uno-countdown-tip {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 2px
    }

    .uno-countdown-box {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 18px;
        line-height: 24px;
        font-weight: 500;
        border-radius: 4px
    }

    .uno-countdown-divider {
        width: 10px;
        font-size: 12px
    }
}

.uno-sidenav {
    font-size: 0;
    z-index: 900;
    position: fixed
}

.uno-sidenav-trigger {
    display: none;
    background-size: 100% 100%
}

.uno-sidenav-inner {
    min-width: 120px;
    max-width: 200px;
    padding-left: 20px;
    text-align: right;
    position: relative;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media screen and (min-width: 769px) and (max-width:1600px) {
    .uno-sidenav-inner {
        background-color:hsla(0,0%,100%,.9)
    }
}

.uno-sidenav-title {
    font-size: 18px;
    line-height: 26px;
    color: #0052d9;
    font-weight: 500
}

.uno-sidenav-link {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-sidenav-sub-list {
    display: none;
    padding: 8px 0
}

.uno-sidenav-sub-item-current .uno-sidenav-sub-link {
    color: #0052d9
}

.uno-sidenav-sub-link {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    padding: 5px 12px;
    cursor: pointer;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-sidenav-sub-link:hover {
    color: #0052d9
}

.uno-sidenav-leave {
    border-right: 2px solid #e7e7e7;
    padding: 16px 0 8px;
    position: relative
}

.uno-sidenav-leave:before {
    content: "";
    position: absolute;
    right: 0;
    top: 8px;
    height: 1px;
    width: 100%;
    background-color: #e7e7e7
}

.uno-sidenav-leave-link {
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #0052d9;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    padding: 7px 12px
}

@media screen and (min-width: 769px) {
    .uno-sidenav-item {
        border-right:2px solid #e7e7e7
    }

    .uno-sidenav-item-current .uno-sidenav-link {
        color: #0052d9;
        background: -webkit-linear-gradient(left,rgba(0,164,255,0),rgba(0,164,255,.14));
        background: linear-gradient(90deg,rgba(0,164,255,0),rgba(0,164,255,.14))
    }

    .uno-sidenav-item-current .uno-sidenav-link:before {
        content: "";
        display: inline-block;
        height: 100%;
        width: 2px;
        position: absolute;
        right: -2px;
        top: 0;
        background: #0052d9
    }

    .uno-sidenav-item-current .uno-sidenav-sub-list {
        display: block
    }

    .uno-sidenav-title+.uno-sidenav-list {
        margin-top: 16px
    }

    .uno-sidenav-link {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        cursor: pointer;
        padding: 7px 12px;
        position: relative
    }

    .uno-sidenav-link:hover {
        color: #0052d9
    }

    .uno-sidenav-trigger {
        width: 30px;
        height: 120px;
        background-image: url(/web/jinglisafe/assets/images/cps/side_nav_trigger.png);
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-sidenav {
        top: 50px;
        left: 0
    }

    .uno-sidenav.uno-sidenav-top-end {
        top: 600px
    }

    .uno-sidenav.uno-sidenav-bottom-end,.uno-sidenav.uno-sidenav-top-end {
        position: absolute;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .uno-sidenav.uno-sidenav-bottom-end {
        top: auto;
        bottom: 350px
    }
}

@media screen and (max-width: 1550px) and (min-width:769px) {
    .uno-sidenav-link {
        padding-left:8px
    }

    .uno-sidenav-inner {
        width: 150px;
        padding-left: 0;
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px);
        visibility: hidden
    }

    .uno-sidenav-inner:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .uno-sidenav-trigger {
        cursor: pointer;
        display: inline-block
    }

    .uno-sidenav-trigger:hover {
        display: none
    }

    .uno-sidenav-trigger:hover+.uno-sidenav-inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .uno-sidenav {
        width: 0
    }

    .uno-sidenav:hover {
        width: auto
    }

    .uno-sidenav:hover .uno-sidenav-trigger {
        display: none
    }

    .uno-sidenav:hover .uno-sidenav-inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }
}

@media screen and (max-width: 768px) {
    .uno-sidenav {
        height:auto;
        width: 1px
    }

    .uno-sidenav-active {
        width: auto;
        height: auto;
        position: fixed
    }

    .uno-sidenav-active:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5)
    }

    .uno-sidenav-inner {
        background: #fff
    }

    .uno-sidenav-item-current .uno-sidenav-sub-list,.uno-sidenav-leave,.uno-sidenav-title {
        display: none
    }

    .uno-sidenav-inner {
        z-index: 999;
        margin-left: 24px;
        text-align: left;
        width: 160px;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        padding-left: 0;
        border: 1px solid #e7e7e7;
        position: relative
    }

    .uno-sidenav-inner:before {
        z-index: 99;
        bottom: -11px;
        border-color: #fff transparent transparent;
        border-style: solid;
        border-width: 6px 6px 5px
    }

    .uno-sidenav-inner:after,.uno-sidenav-inner:before {
        position: absolute;
        content: "";
        display: block;
        left: 18px;
        width: 0;
        height: 0
    }

    .uno-sidenav-inner:after {
        z-index: 10;
        bottom: -13px;
        border: 6px solid transparent;
        border-top-color: #e7e7e7
    }

    .uno-sidenav-trigger {
        z-index: 999;
        display: block;
        width: 48px;
        height: 48px;
        background-size: 100% 100%;
        position: absolute;
        left: 24px;
        bottom: 0;
        background-image: url(/web/jinglisafe/assets/images/cps/side_nav_trigger_mobile.svg)
    }

    .uno-sidenav {
        bottom: 32px;
        left: 0
    }

    .uno-sidenav-active .uno-sidenav-inner {
        -webkit-transform: translateY(-62px) scaleY(1);
        -ms-transform: translateY(-62px) scaleY(1);
        transform: translateY(-62px) scaleY(1)
    }

    .uno-sidenav-active .uno-sidenav-trigger {
        background-image: url(/web/jinglisafe/assets/images/cps/side_nav_close_mobile.svg)
    }

    .uno-sidenav-link {
        display: block;
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        padding: 7px 16px
    }

    .uno-sidenav-item+.uno-sidenav-item .uno-sidenav-link {
        border-top: 1px solid #e7e7e7
    }

    .uno-sidenav-item-current .uno-sidenav-link {
        color: #0052d9
    }
}

.uno-seckill-card {
    position: relative;
    font-size: 0
}

.uno-seckill-card-new {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
}

.uno-seckill-card-company {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
}

.uno-seckill-card-product {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
}

.uno-seckill-card-oldCompany {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
}

.uno-seckill-card-recommend {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
}

.uno-seckill-card-new-product {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
}

.uno-seckill-card-tag {
    width: 74px;
    height: 66px;
    position: absolute;
    right: -4px;
    top: -4px;
    background-size: cover;
    background-repeat: no-repeat
}

.uno-seckill-card-tit {
    font-size: 20px;
    line-height: 28px
}

.uno-seckill-card-tit-text {
    font-weight: 500
}

.uno-seckill-card-sub-tit {
    font-size: 0;
    line-height: 1;
    margin-top: 4px
}

.uno-seckill-card-detail {
    display: block
}

.uno-seckill-card-detail-null {
    height: 24px
}

.uno-seckill-card-count {
    margin-bottom: 8px
}

.uno-seckill-card-price-num {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500
}

.uno-seckill-card-price-unit {
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
    font-weight: 600
}

.uno-seckill-card-price-average {
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px
}

.uno-seckill-card-price-original {
    font-size: 12px;
    line-height: 18px
}

.uno-seckill-card .uno-form-label {
    width: 60px
}

.uno-seckill-card .uno-form-value {
    margin-left: 8px
}

.uno-seckill-card-advantage {
    width: 57px;
    height: 22px;
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_xingxinghai@2x.png);
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle
}

.uno-seckill-card-foot {
    margin-top: -1px
}

.uno-seckill-card-discount {
    font-size: 0;
    display: block;
    margin-bottom: 8px;
    position: relative;
    z-index: 99
}

.uno-seckill-card-discount-num {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    padding: 0 4px
}

.uno-seckill-card-discount-desc {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    height: 18px;
    line-height: 16px;
    padding: 0 8px
}

@media screen and (min-width: 769px) {
    .uno-grid-col-pc-6 .uno-seckill-card {
        background:url(/web/jinglisafe/assets/images/cps/seckill_card_bg_25_sprites@2x.png);
        background-repeat: no-repeat;
        background-size: 200% auto;
        background-position: 0 0
    }

    .uno-grid-col-pc-6 .uno-seckill-card .uno-seckill-card-foot {
        background: url(/web/jinglisafe/assets/images/cps/seckill_card_bg_25_foot_sprite@2x.png);
        background-size: 200% 100%;
        background-position: 0 100%;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-6 .uno-seckill-card:hover {
        background-position: 100% 0
    }

    .uno-grid-col-pc-6 .uno-seckill-card:hover .uno-seckill-card-foot {
        background-position: 100% 100%
    }

    .uno-grid-col-pc-5 .uno-seckill-card {
        background: url(/web/jinglisafe/assets/images/cps/seckill_card_bg_20_sprites@2x.png);
        background-repeat: no-repeat;
        background-size: 200% auto;
        background-position: 0 0
    }

    .uno-grid-col-pc-5 .uno-seckill-card .uno-seckill-card-foot {
        background: url(/web/jinglisafe/assets/images/cps/seckill_card_bg_20_foot_sprite@2x.png);
        background-size: 200% 100%;
        background-position: 0 100%;
        background-repeat: no-repeat
    }

    .uno-grid-col-pc-5 .uno-seckill-card:hover {
        background-position: 100% 0
    }

    .uno-grid-col-pc-5 .uno-seckill-card:hover .uno-seckill-card-foot {
        background-position: 100% 100%
    }

    .uno-seckill-card {
        padding: 0;
        position: relative
    }

    .uno-seckill-card-head {
        padding: 16px;
        height: 116px
    }

    .uno-seckill-card-tit-text {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        max-width: 100%
    }

    .uno-seckill-card-tit .uno-bubble-trigger {
        display: inline-block
    }

    .uno-seckill-card-detail {
        margin-top: 6px
    }

    .uno-seckill-card-area+.uno-seckill-card-ad {
        margin-left: 8px
    }

    .uno-seckill-card-area {
        cursor: pointer;
        padding: 0 6px;
        max-width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-seckill-card-ad,.uno-seckill-card-area {
        display: inline-block;
        font-size: 12px;
        line-height: 18px;
        border-radius: 12px;
        line-height: 24px;
        vertical-align: middle
    }

    .uno-seckill-card-ad {
        padding: 0 8px
    }

    .uno-seckill-card-body {
        padding: 0 16px 16px;
        height: 154px
    }

    .uno-seckill-card-foot {
        padding: 12px 16px;
        height: 163px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: end;
        justify-content: flex-end
    }

    .uno-seckill-card-foot-tags {
        height: 193px
    }

    .uno-seckill-card-foot-tip {
        display: none
    }

    .uno-seckill-card-foot .uno-text {
        margin-top: 8px
    }

    .uno-seckill-card-foot .uno-button {
        margin-top: 12px;
        width: 100%
    }

    .uno-seckill-card .uno-form-item {
        margin-bottom: 12px
    }

    .uno-seckill-card .uno-form-label-inner .uno-bubble-trigger {
        display: inline-block
    }

    .uno-seckill-card .uno-form-value {
        width: calc(100% - 68px)
    }

    .uno-seckill-card .uno-form-value-inner .uno-bubble-trigger {
        display: inline-block
    }

    .uno-seckill-card-sub-tit-text {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-seckill-card-advantage+.uno-seckill-card-sub-tit-text {
        margin-left: 8px;
        width: calc(100% - 65px)
    }

    .uno-seckill-card-with-ad span:not(:only-child).uno-seckill-card-area {
        max-width: calc(100% - 108px);
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-seckill-card-with-ad .uno-seckill-card-area+.uno-seckill-card-ad {
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap
    }

    .uno-seckill-card-mobile-ad {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .uno-seckill-card {
        padding-top:16px;
        padding-bottom: 16px
    }

    .uno-seckill-card-tag {
        display: inline-block;
        position: static;
        background-size: 100% 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0
    }

    .uno-seckill-card-new {
        width: 76px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_mobile.svg)
    }

    .uno-seckill-card-company {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_mobile.svg)
    }

    .uno-seckill-card-product {
        width: 84px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product_mobile.svg)
    }

    .uno-seckill-card-oldCompany {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old_mobile.svg)
    }

    .uno-seckill-card-recommend {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend_mobile.svg)
    }

    .uno-seckill-card-new-product {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product_mobile.svg)
    }

    .uno-seckill-card-tit {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600
    }

    .uno-seckill-card-tit span {
        display: inline-block;
        vertical-align: middle
    }

    .uno-seckill-card-tit span+span {
        margin-left: 8px
    }

    .uno-seckill-card-detail,.uno-seckill-card-sub-tit {
        display: none
    }

    .uno-seckill-card-ad,.uno-seckill-card-info {
        font-size: 14px;
        line-height: 22px
    }

    .uno-seckill-card-body {
        padding: 12px 0 0
    }

    .uno-seckill-card-foot {
        margin-top: 16px;
        font-size: 0
    }

    .uno-seckill-card-foot-params {
        vertical-align: middle;
        width: calc(100% - 120px);
        display: inline-block
    }

    .uno-seckill-card-price {
        margin-top: 3px;
        margin-bottom: 6px
    }

    .uno-seckill-card-price-num {
        font-size: 24px;
        line-height: 24px;
        display: inline-block;
        height: 24px
    }

    .uno-seckill-card-price-detail+.uno-seckill-card {
        margin-bottom: 0
    }

    .uno-seckill-card-foot-tip {
        display: none
    }

    .uno-seckill-card-btn-wrap {
        display: inline-block;
        width: 120px;
        vertical-align: middle
    }

    .uno-seckill-card-mobile-ad {
        display: block;
        margin-top: 8px
    }

    .uno-seckill-card-ad {
        line-height: 18px;
        padding-left: 6px;
        padding-right: 6px;
        margin-left: 0;
        margin-right: 0;
        border-radius: 9px
    }

    .uno-seckill-card-advantage+.uno-seckill-card-ad {
        margin-left: 12px;
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width: 768px) {
    .uno-seckill-card-wrap,.uno-seckill-section {
        overflow:hidden
    }
}

@media (min-width: 769px) {
    .uno-seckill-card .uno-form .uno-select {
        width:100%
    }

    .uno-seckill-card .uno-form .uno-seckill-card-value {
        line-height: 22px;
        width: 100%;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.uno-seckill-bar {
    position: relative;
    font-size: 0
}

.uno-seckill-bar-tit {
    font-size: 20px;
    line-height: 28px
}

.uno-seckill-bar-tit-text {
    font-weight: 500
}

.uno-seckill-bar-tit .uno-bubble-trigger {
    display: inline-block
}

.uno-seckill-bar-sub-tit {
    font-size: 14px;
    line-height: 22px;
    margin-top: 8px
}

.uno-seckill-bar-detail {
    display: block;
    margin-top: 6px
}

.uno-seckill-bar-detail-null {
    height: 24px
}

.uno-seckill-bar .uno-form .uno-select {
    width: 100%
}

.uno-seckill-bar .uno-form-tip {
    margin-top: 4px
}

.uno-seckill-bar .uno-radio-block-text,.uno-seckill-bar .uno-radio-block-tit {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-seckill-bar-foot-tip {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
    text-align: center;
    position: relative;
    z-index: 99
}

.uno-seckill-bar-count {
    margin-bottom: 8px
}

.uno-seckill-bar-price-num {
    font-size: 28px;
    line-height: 36px;
    height: 36px;
    font-weight: 500
}

.uno-seckill-bar-price-unit {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin-left: 4px;
    font-weight: 600
}

.uno-seckill-bar-price-average {
    margin-right: 8px
}

.uno-seckill-bar-price-average,.uno-seckill-bar-price-original {
    font-size: 12px;
    line-height: 18px
}

.uno-seckill-bar-discount {
    font-size: 0;
    display: block
}

.uno-seckill-bar-discount-num {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    padding: 0 4px
}

.uno-seckill-bar-discount-desc {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    height: 18px;
    line-height: 16px;
    padding: 0 8px
}

.uno-seckill-bar-advantage {
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 22px
}

.uno-seckill-bar-sub-tit {
    display: none
}

.uno-seckill-bar-detail {
    margin-top: 8px
}

.uno-seckill-bar-area {
    font-size: 14px;
    line-height: 22px
}

.uno-seckill-bar-area-null {
    display: none
}

.uno-seckill-bar-center {
    display: inline-block;
    vertical-align: middle
}

.uno-seckill-bar-foot-params {
    width: calc(100% - 120px)
}

.uno-seckill-bar-discount {
    margin-bottom: 4px;
    position: relative;
    z-index: 99
}

.uno-seckill-bar-more-info {
    width: 200px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px
}

.uno-seckill-bar-more-info .uno-form-item {
    margin-left: 0;
    width: 100%
}

.uno-seckill-bar-more-info .uno-select {
    width: 100%;
    margin-bottom: 8px
}

.uno-seckill-bar-advantage {
    width: 60px;
    height: 20px;
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_xingxinghai@2x.png)
}

@media (min-width: 769px) {
    .uno-seckill-bar {
        width:100%;
        padding-left: 240px;
        position: relative
    }

    .uno-seckill-bar:before {
        content: "";
        position: absolute;
        top: 24px;
        bottom: 24px;
        right: 310px;
        width: 1px
    }

    .uno-seckill-bar-head .uno-seckill-bar-center {
        width: 100%
    }

    .uno-seckill-bar-tit-text {
        word-break: break-all
    }

    .uno-seckill-bar-area,.uno-seckill-bar-tit-text {
        width: 100%;
        display: inline-block;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-seckill-bar-company,.uno-seckill-bar-new,.uno-seckill-bar-oldCompany,.uno-seckill-bar-product,.uno-seckill-bar-recommend {
        width: 74px;
        height: 66px;
        position: absolute;
        right: -943px;
        top: -5px;
        z-index: 99;
        background-size: cover;
        background-repeat: no-repeat
    }

    .uno-seckill-bar-new {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
    }

    .uno-seckill-bar-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
    }

    .uno-seckill-bar-company {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
    }

    .uno-seckill-bar-oldCompany {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
    }

    .uno-seckill-bar-recommend {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
    }

    .uno-seckill-bar-new-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
    }

    .uno-seckill-bar-foot:before,.uno-seckill-bar-head:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .uno-seckill-bar-inner {
        width: calc(100% - 310px);
        display: inline-block;
        vertical-align: middle
    }

    .uno-seckill-bar-head {
        width: 240px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        vertical-align: middle
    }

    .uno-seckill-bar-body {
        padding: 30px 0
    }

    .uno-seckill-bar-body-message {
        font-size: 14px;
        line-height: 22px;
        margin-left: 12px;
        width: 335px
    }

    .uno-seckill-bar .uno-radio-block:nth-child(n+6) {
        margin-top: 20px
    }

    .uno-seckill-bar-body .uno-form-item {
        margin-left: 12px
    }

    .uno-seckill-bar .uno-form-item {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0
    }

    .uno-seckill-bar .uno-form-label {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .uno-seckill-bar .uno-form-label-null {
        height: 22px
    }

    .uno-seckill-bar .uno-form-value {
        display: block;
        width: 100%;
        margin-left: 0
    }

    .uno-seckill-bar-foot {
        width: 310px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 0;
        padding: 22px 20px 22px 17px
    }

    .uno-seckill-bar-price-loading {
        height: 54px;
        line-height: 54px;
        font-size: 20px;
        display: block
    }

    .uno-seckill-bar-price-loading-nodetail {
        height: 36px;
        line-height: 36px
    }

    .uno-seckill-bar:hover:after {
        content: "";
        position: absolute;
        left: -2px;
        top: -2px;
        bottom: -2px;
        right: -2px;
        z-index: 10;
        pointer-events: none
    }

    .uno-seckill-bar .uno-form .uno-form-label {
        height: auto;
        margin-bottom: 12px
    }

    .uno-seckill-bar .uno-form .uno-form-value {
        line-height: 36px
    }

    .uno-seckill-bar .uno-seckill-bar-discount+.uno-show-pc .uno-form-item {
        margin-top: 4px
    }

    .uno-seckill-bar .uno-seckill-bar-foot-params .uno-form-item {
        margin-left: 0;
        margin-bottom: 8px
    }

    .uno-seckill-bar-mobile-ad {
        position: absolute;
        left: 6px;
        top: 6px
    }

    .uno-seckill-bar-price-num-s {
        font-size: 24px
    }
}

@media (max-width: 768px) {
    .uno-seckill-bar {
        margin-left:-16px;
        margin-right: -16px;
        padding: 16px
    }

    .uno-seckill-bar-foot-tip {
        max-width: 120px
    }

    .uno-seckill-bar-head {
        margin-bottom: 12px
    }

    .uno-seckill-bar-tit {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        position: relative;
        z-index: 10
    }

    .uno-seckill-bar-detail,.uno-seckill-bar-sub-tit {
        display: none
    }

    .uno-seckill-bar-foot {
        margin-top: 16px
    }

    .uno-seckill-bar-foot-params {
        vertical-align: middle
    }

    .uno-seckill-bar-price {
        margin-top: 3px;
        margin-bottom: 6px
    }

    .uno-seckill-bar-price-num {
        font-size: 24px;
        line-height: 24px;
        display: inline-block;
        height: 24px
    }

    .uno-seckill-bar-price-detail+.uno-seckill-bar-price {
        margin-bottom: 0
    }

    .uno-seckill-bar-count,.uno-seckill-bar-discount {
        display: none
    }

    .uno-seckill-bar .uno-form-item-config .uno-form-label {
        width: 100%;
        z-index: 20;
        height: auto
    }

    .uno-seckill-bar .uno-form-item-config .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-seckill-bar .uno-form-label {
        width: 56px
    }

    .uno-seckill-bar .uno-form-value {
        margin-left: 17px
    }

    .uno-seckill-bar .uno-radio-groups {
        display: block;
        white-space: normal;
        max-width: 100%
    }

    .uno-seckill-bar .uno-radio-groups .uno-radio-block {
        width: calc((100% - 24px)/3);
        margin-top: 12px
    }

    .uno-seckill-bar .uno-radio-groups .uno-radio-block:nth-child(3n) {
        margin-right: 0
    }

    .uno-seckill-bar .uno-radio-groups .uno-radio-block:nth-child(-n+3) {
        margin-top: 0
    }

    .uno-seckill-bar-more-info {
        width: 100%
    }

    .uno-seckill-bar-more-info .uno-select {
        width: 100%;
        margin-bottom: 8px
    }

    .uno-seckill-bar-more-info .uno-form-value {
        width: 100%;
        margin-left: 0
    }

    .uno-seckill-bar-tag {
        display: inline-block;
        margin-left: 8px;
        vertical-align: middle;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0
    }

    .uno-seckill-bar-new {
        width: 76px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_mobile.svg)
    }

    .uno-seckill-bar-product {
        width: 84px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product_mobile.svg)
    }

    .uno-seckill-bar-company {
        width: 72px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_mobile.svg)
    }

    .uno-seckill-bar-oldCompany {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old_mobile.svg)
    }

    .uno-seckill-bar-recommend {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend_mobile.svg)
    }

    .uno-seckill-bar-new-product {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product_mobile.svg)
    }

    .uno-seckill-bar-detail-null {
        display: none
    }

    .uno-seckill-bar-head .uno-seckill-bar-center {
        display: block
    }

    .uno-seckill-bar-price-loading {
        height: 46px;
        line-height: 46px;
        font-size: 20px;
        display: block
    }

    .uno-seckill-bar-price-loading-nodetail {
        height: 24px;
        line-height: 24px
    }

    .uno-seckill-bar-body-message {
        font-size: 14px;
        line-height: 22px;
        width: 100%
    }

    .uno-seckill-bar-mobile-ad {
        display: block;
        margin-top: 8px
    }

    .uno-seckill-bar .uno-form-item-blocks .uno-radio-groups .uno-radio-block:nth-child(n+4) {
        margin-top: 20px
    }
}

.uno-seckill-bar .uno-form .uno-select.uno-select-yunjing {
    width: calc((100% - 16px)/2)
}

.uno-seckill-bar .uno-form .uno-select.uno-select-yunjing+.uno-select-yunjing {
    margin-left: 12px
}

.uno-seckill-bar .uno-form-item .uno-bubble-trigger,.uno-seckill-bar .uno-form-item .uno-bubble-trigger:hover,.uno-seckill-card .uno-form-item .uno-bubble-trigger,.uno-seckill-card .uno-form-item .uno-bubble-trigger:hover {
    color: #181818;
    border-bottom-color: #181818
}

.uno-seckill-bar .uno-form-item .uno-form-label .uno-bubble-trigger,.uno-seckill-card .uno-form-item .uno-form-label .uno-bubble-trigger {
    font-size: 13px
}

@media (min-width: 769px) {
    .uno-seckill-card,.uno-seckill-card:hover {
        box-shadow:8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-seckill-card-tit {
        color: #181818
    }

    .uno-seckill-card-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-seckill-card-sub-tit {
        color: #4b5b76
    }

    .uno-seckill-card-area {
        color: #4b5b76;
        background: #d4e4ff
    }

    .uno-seckill-card-ad {
        color: #0052d9;
        background: #d4e4ff
    }

    .uno-seckill-card-body-message {
        font-size: 14px;
        line-height: 22px;
        word-break: break-all;
        color: #181818
    }

    .uno-seckill-card-price-loading,.uno-seckill-card-price-num,.uno-seckill-card-price-unit {
        color: #ff7800
    }

    .uno-seckill-card-price-average {
        color: #4b5b76
    }

    .uno-seckill-card-price-original {
        color: #97a3b7
    }

    .uno-seckill-card-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-seckill-card-discount-desc {
        border: 1px solid #ff7800;
        color: #ff7800;
        background: #fff
    }

    .uno-seckill-card-foot-tip {
        color: #4b5b76
    }

    .uno-seckill-card .uno-progress-bar {
        background: #dadde2
    }

    .uno-seckill-card .uno-progress-bar-inner {
        background: -webkit-linear-gradient(left,#ffdaac,#f64041);
        background: linear-gradient(90deg,#ffdaac,#f64041)
    }

    .uno-seckill-card .uno-progress-tips {
        color: #4b5b76
    }
}

@media (max-width: 768px) {
    .uno-seckill-bar,.uno-seckill-card {
        margin-left:-16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        background: none;
        box-shadow: none;
        position: relative
    }

    .uno-seckill-bar:after,.uno-seckill-card:after {
        content: "";
        width: calc(100% - 32px);
        height: 1px;
        background: #d6dbe3;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .uno-seckill-bar-tit,.uno-seckill-card-tit {
        color: #181818
    }

    .uno-seckill-bar-tit .uno-bubble-trigger,.uno-seckill-card-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-seckill-bar-sub-tit,.uno-seckill-card-sub-tit {
        color: #4b5b76
    }

    .uno-seckill-bar-area,.uno-seckill-card-area {
        color: #4b5b76;
        background: #d4e4ff
    }

    .uno-seckill-bar-ad,.uno-seckill-card-ad {
        color: #0052d9;
        background: #d4e4ff
    }

    .uno-seckill-bar-body-message,.uno-seckill-card-body-message {
        font-size: 14px;
        line-height: 22px;
        word-break: break-all;
        color: #181818
    }

    .uno-seckill-bar-price-loading,.uno-seckill-bar-price-num,.uno-seckill-bar-price-unit,.uno-seckill-card-price-loading,.uno-seckill-card-price-num,.uno-seckill-card-price-unit {
        color: #ff7800
    }

    .uno-seckill-bar-price-average,.uno-seckill-card-price-average {
        color: #4b5b76
    }

    .uno-seckill-bar-price-original,.uno-seckill-card-price-original {
        color: #97a3b7
    }

    .uno-seckill-bar-discount-num,.uno-seckill-card-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-seckill-bar-discount-desc,.uno-seckill-card-discount-desc {
        background: #fff;
        border: 1px solid #ff7800;
        color: #ff7800
    }

    .uno-seckill-bar-foot-tip,.uno-seckill-card-foot-tip {
        color: #4b5b76
    }

    .uno-seckill-bar .uno-progress-bar,.uno-seckill-card .uno-progress-bar {
        background: #dadde2
    }

    .uno-seckill-bar .uno-progress-bar-inner,.uno-seckill-card .uno-progress-bar-inner {
        background: -webkit-linear-gradient(left,#ffdaac,#f64041);
        background: linear-gradient(90deg,#ffdaac,#f64041)
    }

    .uno-seckill-bar .uno-progress-tips,.uno-seckill-card .uno-progress-tips {
        color: #4b5b76
    }

    .uno-seckill-bar .uno-button .uno-icon,.uno-seckill-card .uno-button .uno-icon {
        display: none
    }
}

@media (min-width: 769px) {
    .uno-seckill-bar {
        border:2px solid #fff;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-seckill-bar+.uno-seckill-bar {
        border-top: none
    }

    .uno-seckill-bar:before {
        background: #d6dbe3
    }

    .uno-seckill-bar-head {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6)
    }

    .uno-seckill-bar:hover {
        background: -webkit-linear-gradient(top,#fafbfc,#fff);
        background: linear-gradient(180deg,#fafbfc,#fff);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 8px 8px 20px 0 rgba(55,99,170,.11)
    }

    .uno-seckill-bar:hover:after {
        border: 2px solid #fff
    }

    .uno-seckill-bar:hover:before {
        background: #d6dbe3
    }

    .uno-seckill-bar:hover .uno-seckill-bar-head {
        background: -webkit-linear-gradient(top,#dae8fc,#dee9fd);
        background: linear-gradient(180deg,#dae8fc,#dee9fd)
    }

    .uno-seckill-bar-discount-num {
        background: #ff7800;
        color: #fff
    }

    .uno-seckill-bar-discount-desc {
        border: 1px solid #ff7800;
        color: #ff7800;
        background: #fff
    }

    .uno-seckill-bar-price-loading,.uno-seckill-bar-price-num,.uno-seckill-bar-price-unit {
        color: #ff7800
    }

    .uno-seckill-bar-price-average {
        color: #4b5b76
    }

    .uno-seckill-bar-price-original {
        color: #97a3b7
    }

    .uno-seckill-bar-foot-tip {
        color: #4b5b76
    }

    .uno-seckill-bar-foot .uno-progress-bar-inner:after,.uno-seckill-bar-foot .uno-progress-tip {
        display: none
    }

    .uno-seckill-bar-tit {
        color: #181818
    }

    .uno-seckill-bar-tit .uno-bubble-trigger {
        color: #181818;
        border-color: #181818
    }

    .uno-seckill-bar-sub-tit {
        color: #4b5b76
    }

    .uno-seckill-bar-sub-tit .uno-bubble-trigger {
        color: #4b5b76;
        border-color: #4b5b76
    }

    .uno-seckill-bar-area {
        color: #4b5b76
    }

    .uno-seckill-bar-foot {
        position: static
    }

    .uno-seckill-bar-foot-inner {
        position: relative;
        z-index: 1
    }

    .uno-seckill-bar-foot:after {
        content: "";
        display: block;
        position: absolute;
        width: 310px;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 0;
        background: none;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 100% 100%
    }
}

@media (min-width: 769px) {
    .uno-seckill-bar-foot-tag-list,.uno-seckill-card-foot-tag-list {
        min-height:22px;
        font-size: 0;
        margin-bottom: 6px;
        white-space: nowrap
    }

    .uno-seckill-bar-foot-tag-item,.uno-seckill-card-foot-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-seckill-bar-foot-tag-item:nth-child(n+2),.uno-seckill-card-foot-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-seckill-bar-foot-tag-type1,.uno-seckill-card-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-seckill-bar-foot-tag-type2,.uno-seckill-card-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-seckill-bar-foot-tag-type3,.uno-seckill-card-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

@media (max-width: 768px) {
    .uno-seckill-bar-foot-tag-list,.uno-seckill-card-foot-tag-list {
        min-height:22px;
        font-size: 0;
        margin-bottom: 12px;
        white-space: nowrap
    }

    .uno-seckill-bar-foot-tag-item,.uno-seckill-card-foot-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-seckill-bar-foot-tag-item:nth-child(n+2),.uno-seckill-card-foot-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-seckill-bar-foot-tag-type1,.uno-seckill-card-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-seckill-bar-foot-tag-type2,.uno-seckill-card-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-seckill-bar-foot-tag-type3,.uno-seckill-card-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

.uno-progress {
    margin-top: 8px
}

.uno-progress-bar {
    background: #dadde2
}

.uno-progress-bar-inner {
    height: 3px;
    background: -webkit-linear-gradient(left,#ffdaac,#f64041);
    background: linear-gradient(90deg,#ffdaac,#f64041)
}

.uno-progress-tip {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76
}

.uno-progress-bar+.uno-progress-tip,.uno-progress-tip+.uno-progress-bar {
    margin-top: 8px
}

@media (min-width: 769px) {
    .uno-progress-bar-inner {
        position:relative
    }

    .uno-progress-bar-inner:after {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/progress_icon_done.png);
        background-size: cover;
        background-repeat: no-repeat;
        right: -10px;
        top: 50%;
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@media screen and (max-width: 768px) {
    .uno-progress {
        margin-top:6px
    }

    .uno-progress-tip {
        display: none
    }
}

.uno-hero {
    height: 420px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto 420px;
    font-size: 0;
    z-index: 1;
    position: relative
}

.uno-hero-inner {
    width: 1180px;
    margin: 0 auto;
    padding-top: 124px
}

.uno-hero-con {
    display: inline-block
}

.uno-hero-title {
    font-size: 40px;
    line-height: 56px;
    max-height: 112px;
    font-weight: 400;
    max-width: 564px
}

.uno-hero-sub-tit,.uno-hero-title {
    color: #fff;
    overflow: hidden;
    word-break: break-all
}

.uno-hero-sub-tit {
    font-size: 16px;
    line-height: 24px;
    max-height: 48px;
    margin-top: 16px;
    max-width: 580px
}

.uno-hero-with-btn {
    position: relative
}

.uno-hero-with-btn .uno-hero-inner {
    padding-top: 110px
}

.uno-hero-with-btn .uno-hero-button-wrap {
    position: absolute;
    bottom: 100px
}

.uno-hero-with-btn .uno-hero-text {
    max-height: 152px;
    min-height: 120px;
    overflow: hidden
}

.uno-hero-with-btn .uno-button {
    width: 160px;
    height: 40px
}

.uno-hero-with-btn .uno-button:nth-child(n+2) {
    margin-left: 20px
}

.uno-hero-with-btn .uno-button.uno-button-contained.uno-button-bright {
    color: #455175
}

@media screen and (min-width: 769px) {
    .uno-hero {
        background-image:url(/web/jinglisafe/assets/images/cps/hero_pc.jpg)
    }

    .uno-hero-with-btn .uno-button.uno-button-middle.uno-button-outlined {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .uno-hero-with-btn .uno-button.uno-button-middle.uno-button-outlined:hover {
        color: #000
    }
}

@media screen and (max-width: 768px) {
    .uno-hero {
        background-image:url(/web/jinglisafe/assets/images/cps/hero_mobile.jpg);
        background-size: cover;
        height: 200px;
        position: relative
    }

    .uno-hero:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        width: 0
    }

    .uno-hero-inner {
        width: 100%;
        padding: 48px 16px 0;
        display: inline-block
    }

    .uno-hero-title {
        max-width: 225px
    }

    .uno-hero-sub-tit {
        max-width: 255px
    }

    .uno-hero-with-btn .uno-hero-text {
        max-height: 102px;
        min-height: 92px;
        overflow: hidden
    }

    .uno-hero-title {
        font-size: 28px;
        line-height: 36px;
        max-height: 72px
    }

    .uno-hero-sub-tit {
        font-size: 14px;
        line-height: 22px;
        margin-top: 4px;
        max-height: 44px
    }
}

@media screen and (max-width: 768px) {
    .uno-hero-with-btn {
        position:relative
    }

    .uno-hero-with-btn .uno-hero-inner {
        padding-top: 24px
    }

    .uno-hero-with-btn .uno-hero-button-wrap {
        position: absolute;
        bottom: 30px;
        margin-top: auto
    }

    .uno-hero-with-btn .uno-button {
        width: 120px;
        height: 36px
    }

    .uno-hero-with-btn .uno-button:nth-child(n+2) {
        margin-left: 12px
    }
}

.uno-top-nav {
    position: relative;
    z-index: 10
}

.uno-top-nav-wrap {
    position: relative;
    margin-top: -40px
}

.uno-top-nav-default {
    width: 100%
}

.uno-top-nav-hover {
    width: 100%;
    opacity: 0;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (min-width: 769px) {
    .uno-top-nav-hover:hover {
        opacity:1
    }

    .uno-top-nav-wrap {
        width: 1200px;
        padding: 0 10px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 768px) {
    .uno-top-nav-wrap {
        padding:0 16px
    }
}

@media (min-width: 769px) {
    .uno-top-nav-type-simple {
        width:100%;
        height: 60px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-inner {
        width: 1180px;
        height: 100%;
        margin: 0 auto
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-list {
        width: 100%;
        height: 100%
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-list-2 .uno-top-nav-simple-item {
        width: 50%
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-list-3 .uno-top-nav-simple-item {
        width: 33.33333%
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-list-4 .uno-top-nav-simple-item {
        width: 25%
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-list-5 .uno-top-nav-simple-item {
        width: 20%
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-item {
        font-size: 16px;
        color: #181818;
        letter-spacing: 0;
        text-align: center;
        vertical-align: top;
        height: 100%;
        line-height: 60px;
        display: inline-block;
        position: relative
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-item span {
        display: inline-block;
        max-width: 170px;
        overflow: hidden;
        max-height: 60px;
        padding: 0 10px
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-item:hover {
        color: #0052d9
    }

    .uno-top-nav-type-simple .uno-top-nav-simple-item:nth-child(n+2):after {
        position: absolute;
        content: "";
        width: 1px;
        height: 24px;
        background-color: #d6dbe3;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.uno-grid-row-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap
}

.uno-grid-row-flex,.uno-grid-row-flex:after,.uno-grid-row-flex:before {
    display: -webkit-box;
    display: flex
}

.uno-grid-row-vertical-start {
    -webkit-box-align: start;
    align-items: flex-start
}

.uno-grid-row-vertical-center {
    -webkit-box-align: center;
    align-items: center
}

.uno-grid-row-vertical-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.uno-grid-row-space-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.uno-grid-row-space-around {
    justify-content: space-around
}

.uno-grid-col-item,.uno-grid-row-vertical-top .uno-grid-col-item {
    vertical-align: top
}

.uno-grid-row-vertical-middle .uno-grid-col-item {
    vertical-align: middle
}

.uno-grid-row-vertical-bottom .uno-grid-col-item {
    vertical-align: text-bottom
}

.uno-grid-row-split-line>[class*=uno-grid-col-item] {
    position: relative
}

.uno-grid-row-split-line>[class*=uno-grid-col-item]:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    border-right: 1px solid #ddd
}

.uno-grid-row-split-line>[class*=uno-grid-col-item]:first-child:before {
    border-right: 0
}

.uno-grid-col-0 {
    display: none
}

.uno-grid-col-offset-0 {
    margin-left: 0
}

.uno-grid-col-pull-0 {
    right: auto
}

.uno-grid-col-push-0 {
    left: auto
}

.uno-grid-col-order-0 {
    -webkit-box-ordinal-group: 1;
    order: 0
}

.uno-grid-col-1,.uno-grid-col--1 {
    display: inline-block;
    width: 4.16667%
}

.uno-grid-col-offset-1 {
    margin-left: 4.16667%
}

.uno-grid-col-pull-1 {
    position: relative;
    right: 4.16667%
}

.uno-grid-col-push-1 {
    position: relative;
    left: 4.16667%
}

.uno-grid-col-order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.uno-grid-col-2,.uno-grid-col--2 {
    display: inline-block;
    width: 8.33333%
}

.uno-grid-col-offset-2 {
    margin-left: 8.33333%
}

.uno-grid-col-pull-2 {
    position: relative;
    right: 8.33333%
}

.uno-grid-col-push-2 {
    position: relative;
    left: 8.33333%
}

.uno-grid-col-order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.uno-grid-col-3,.uno-grid-col--3 {
    display: inline-block;
    width: 12.5%
}

.uno-grid-col-offset-3 {
    margin-left: 12.5%
}

.uno-grid-col-pull-3 {
    position: relative;
    right: 12.5%
}

.uno-grid-col-push-3 {
    position: relative;
    left: 12.5%
}

.uno-grid-col-order-3 {
    -webkit-box-ordinal-group: 4;
    order: 3
}

.uno-grid-col-4,.uno-grid-col--4 {
    display: inline-block;
    width: 16.66667%
}

.uno-grid-col-offset-4 {
    margin-left: 16.66667%
}

.uno-grid-col-pull-4 {
    position: relative;
    right: 16.66667%
}

.uno-grid-col-push-4 {
    position: relative;
    left: 16.66667%
}

.uno-grid-col-order-4 {
    -webkit-box-ordinal-group: 5;
    order: 4
}

.uno-grid-col--5 {
    width: 20.83333%;
    display: inline-block;
    width: 20%
}

.uno-grid-col-5 {
    display: inline-block;
    width: 20%
}

.uno-grid-col-offset-5 {
    margin-left: 20.83333%
}

.uno-grid-col-pull-5 {
    position: relative;
    right: 20.83333%
}

.uno-grid-col-push-5 {
    position: relative;
    left: 20.83333%
}

.uno-grid-col-order-5 {
    -webkit-box-ordinal-group: 6;
    order: 5
}

.uno-grid-col-6,.uno-grid-col--6 {
    display: inline-block;
    width: 25%
}

.uno-grid-col-offset-6 {
    margin-left: 25%
}

.uno-grid-col-pull-6 {
    position: relative;
    right: 25%
}

.uno-grid-col-push-6 {
    position: relative;
    left: 25%
}

.uno-grid-col-order-6 {
    -webkit-box-ordinal-group: 7;
    order: 6
}

.uno-grid-col-7,.uno-grid-col--7 {
    display: inline-block;
    width: 29.16667%
}

.uno-grid-col-offset-7 {
    margin-left: 29.16667%
}

.uno-grid-col-pull-7 {
    position: relative;
    right: 29.16667%
}

.uno-grid-col-push-7 {
    position: relative;
    left: 29.16667%
}

.uno-grid-col-order-7 {
    -webkit-box-ordinal-group: 8;
    order: 7
}

.uno-grid-col-8,.uno-grid-col--8 {
    display: inline-block;
    width: 33.33333%
}

.uno-grid-col-offset-8 {
    margin-left: 33.33333%
}

.uno-grid-col-pull-8 {
    position: relative;
    right: 33.33333%
}

.uno-grid-col-push-8 {
    position: relative;
    left: 33.33333%
}

.uno-grid-col-order-8 {
    -webkit-box-ordinal-group: 9;
    order: 8
}

.uno-grid-col-9,.uno-grid-col--9 {
    display: inline-block;
    width: 37.5%
}

.uno-grid-col-offset-9 {
    margin-left: 37.5%
}

.uno-grid-col-pull-9 {
    position: relative;
    right: 37.5%
}

.uno-grid-col-push-9 {
    position: relative;
    left: 37.5%
}

.uno-grid-col-order-9 {
    -webkit-box-ordinal-group: 10;
    order: 9
}

.uno-grid-col-10,.uno-grid-col--10 {
    display: inline-block;
    width: 41.66667%
}

.uno-grid-col-offset-10 {
    margin-left: 41.66667%
}

.uno-grid-col-pull-10 {
    position: relative;
    right: 41.66667%
}

.uno-grid-col-push-10 {
    position: relative;
    left: 41.66667%
}

.uno-grid-col-order-10 {
    -webkit-box-ordinal-group: 11;
    order: 10
}

.uno-grid-col-11,.uno-grid-col--11 {
    display: inline-block;
    width: 45.83333%
}

.uno-grid-col-offset-11 {
    margin-left: 45.83333%
}

.uno-grid-col-pull-11 {
    position: relative;
    right: 45.83333%
}

.uno-grid-col-push-11 {
    position: relative;
    left: 45.83333%
}

.uno-grid-col-order-11 {
    -webkit-box-ordinal-group: 12;
    order: 11
}

.uno-grid-col-12,.uno-grid-col--12 {
    display: inline-block;
    width: 50%
}

.uno-grid-col-offset-12 {
    margin-left: 50%
}

.uno-grid-col-pull-12 {
    position: relative;
    right: 50%
}

.uno-grid-col-push-12 {
    position: relative;
    left: 50%
}

.uno-grid-col-order-12 {
    -webkit-box-ordinal-group: 13;
    order: 12
}

.uno-grid-col-13,.uno-grid-col--13 {
    display: inline-block;
    width: 54.16667%
}

.uno-grid-col-offset-13 {
    margin-left: 54.16667%
}

.uno-grid-col-pull-13 {
    position: relative;
    right: 54.16667%
}

.uno-grid-col-push-13 {
    position: relative;
    left: 54.16667%
}

.uno-grid-col-order-13 {
    -webkit-box-ordinal-group: 14;
    order: 13
}

.uno-grid-col-14,.uno-grid-col--14 {
    display: inline-block;
    width: 58.33333%
}

.uno-grid-col-offset-14 {
    margin-left: 58.33333%
}

.uno-grid-col-pull-14 {
    position: relative;
    right: 58.33333%
}

.uno-grid-col-push-14 {
    position: relative;
    left: 58.33333%
}

.uno-grid-col-order-14 {
    -webkit-box-ordinal-group: 15;
    order: 14
}

.uno-grid-col-15,.uno-grid-col--15 {
    display: inline-block;
    width: 62.5%
}

.uno-grid-col-offset-15 {
    margin-left: 62.5%
}

.uno-grid-col-pull-15 {
    position: relative;
    right: 62.5%
}

.uno-grid-col-push-15 {
    position: relative;
    left: 62.5%
}

.uno-grid-col-order-15 {
    -webkit-box-ordinal-group: 16;
    order: 15
}

.uno-grid-col-16,.uno-grid-col--16 {
    display: inline-block;
    width: 66.66667%
}

.uno-grid-col-offset-16 {
    margin-left: 66.66667%
}

.uno-grid-col-pull-16 {
    position: relative;
    right: 66.66667%
}

.uno-grid-col-push-16 {
    position: relative;
    left: 66.66667%
}

.uno-grid-col-order-16 {
    -webkit-box-ordinal-group: 17;
    order: 16
}

.uno-grid-col-17,.uno-grid-col--17 {
    display: inline-block;
    width: 70.83333%
}

.uno-grid-col-offset-17 {
    margin-left: 70.83333%
}

.uno-grid-col-pull-17 {
    position: relative;
    right: 70.83333%
}

.uno-grid-col-push-17 {
    position: relative;
    left: 70.83333%
}

.uno-grid-col-order-17 {
    -webkit-box-ordinal-group: 18;
    order: 17
}

.uno-grid-col-18,.uno-grid-col--18 {
    display: inline-block;
    width: 75%
}

.uno-grid-col-offset-18 {
    margin-left: 75%
}

.uno-grid-col-pull-18 {
    position: relative;
    right: 75%
}

.uno-grid-col-push-18 {
    position: relative;
    left: 75%
}

.uno-grid-col-order-18 {
    -webkit-box-ordinal-group: 19;
    order: 18
}

.uno-grid-col-19,.uno-grid-col--19 {
    display: inline-block;
    width: 79.16667%
}

.uno-grid-col-offset-19 {
    margin-left: 79.16667%
}

.uno-grid-col-pull-19 {
    position: relative;
    right: 79.16667%
}

.uno-grid-col-push-19 {
    position: relative;
    left: 79.16667%
}

.uno-grid-col-order-19 {
    -webkit-box-ordinal-group: 20;
    order: 19
}

.uno-grid-col-20,.uno-grid-col--20 {
    display: inline-block;
    width: 83.33333%
}

.uno-grid-col-offset-20 {
    margin-left: 83.33333%
}

.uno-grid-col-pull-20 {
    position: relative;
    right: 83.33333%
}

.uno-grid-col-push-20 {
    position: relative;
    left: 83.33333%
}

.uno-grid-col-order-20 {
    -webkit-box-ordinal-group: 21;
    order: 20
}

.uno-grid-col-21,.uno-grid-col--21 {
    display: inline-block;
    width: 87.5%
}

.uno-grid-col-offset-21 {
    margin-left: 87.5%
}

.uno-grid-col-pull-21 {
    position: relative;
    right: 87.5%
}

.uno-grid-col-push-21 {
    position: relative;
    left: 87.5%
}

.uno-grid-col-order-21 {
    -webkit-box-ordinal-group: 22;
    order: 21
}

.uno-grid-col-22,.uno-grid-col--22 {
    display: inline-block;
    width: 91.66667%
}

.uno-grid-col-offset-22 {
    margin-left: 91.66667%
}

.uno-grid-col-pull-22 {
    position: relative;
    right: 91.66667%
}

.uno-grid-col-push-22 {
    position: relative;
    left: 91.66667%
}

.uno-grid-col-order-22 {
    -webkit-box-ordinal-group: 23;
    order: 22
}

.uno-grid-col-23,.uno-grid-col--23 {
    display: inline-block;
    width: 95.83333%
}

.uno-grid-col-offset-23 {
    margin-left: 95.83333%
}

.uno-grid-col-pull-23 {
    position: relative;
    right: 95.83333%
}

.uno-grid-col-push-23 {
    position: relative;
    left: 95.83333%
}

.uno-grid-col-order-23 {
    -webkit-box-ordinal-group: 24;
    order: 23
}

.uno-grid-col-24,.uno-grid-col--24 {
    display: inline-block;
    width: 100%
}

.uno-grid-col-offset-24 {
    margin-left: 100%
}

.uno-grid-col-pull-24 {
    position: relative;
    right: 100%
}

.uno-grid-col-push-24 {
    position: relative;
    left: 100%
}

.uno-grid-col-order-24 {
    -webkit-box-ordinal-group: 25;
    order: 24
}

@media (min-width: 769px) {
    .uno-grid-col-0 {
        display:none
    }

    .uno-grid-col-offset-0 {
        margin-left: 0
    }

    .uno-grid-col-pull-0 {
        right: auto
    }

    .uno-grid-col-push-0 {
        left: auto
    }

    .uno-grid-col-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .uno-grid-col-1,.uno-grid-col-pc-1 {
        display: inline-block;
        width: 4.16667%
    }

    .uno-grid-col-offset-1 {
        margin-left: 4.16667%
    }

    .uno-grid-col-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .uno-grid-col-push-1 {
        position: relative;
        left: 4.16667%
    }

    .uno-grid-col-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .uno-grid-col-2,.uno-grid-col-pc-2 {
        display: inline-block;
        width: 8.33333%
    }

    .uno-grid-col-offset-2 {
        margin-left: 8.33333%
    }

    .uno-grid-col-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .uno-grid-col-push-2 {
        position: relative;
        left: 8.33333%
    }

    .uno-grid-col-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .uno-grid-col-3,.uno-grid-col-pc-3 {
        display: inline-block;
        width: 12.5%
    }

    .uno-grid-col-offset-3 {
        margin-left: 12.5%
    }

    .uno-grid-col-pull-3 {
        position: relative;
        right: 12.5%
    }

    .uno-grid-col-push-3 {
        position: relative;
        left: 12.5%
    }

    .uno-grid-col-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .uno-grid-col-4,.uno-grid-col-pc-4 {
        display: inline-block;
        width: 16.66667%
    }

    .uno-grid-col-offset-4 {
        margin-left: 16.66667%
    }

    .uno-grid-col-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .uno-grid-col-push-4 {
        position: relative;
        left: 16.66667%
    }

    .uno-grid-col-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .uno-grid-col-pc-5 {
        width: 20.83333%;
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-5 {
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-offset-5 {
        margin-left: 20.83333%
    }

    .uno-grid-col-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .uno-grid-col-push-5 {
        position: relative;
        left: 20.83333%
    }

    .uno-grid-col-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .uno-grid-col-6,.uno-grid-col-pc-6 {
        display: inline-block;
        width: 25%
    }

    .uno-grid-col-offset-6 {
        margin-left: 25%
    }

    .uno-grid-col-pull-6 {
        position: relative;
        right: 25%
    }

    .uno-grid-col-push-6 {
        position: relative;
        left: 25%
    }

    .uno-grid-col-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .uno-grid-col-7,.uno-grid-col-pc-7 {
        display: inline-block;
        width: 29.16667%
    }

    .uno-grid-col-offset-7 {
        margin-left: 29.16667%
    }

    .uno-grid-col-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .uno-grid-col-push-7 {
        position: relative;
        left: 29.16667%
    }

    .uno-grid-col-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .uno-grid-col-8,.uno-grid-col-pc-8 {
        display: inline-block;
        width: 33.33333%
    }

    .uno-grid-col-offset-8 {
        margin-left: 33.33333%
    }

    .uno-grid-col-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .uno-grid-col-push-8 {
        position: relative;
        left: 33.33333%
    }

    .uno-grid-col-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .uno-grid-col-9,.uno-grid-col-pc-9 {
        display: inline-block;
        width: 37.5%
    }

    .uno-grid-col-offset-9 {
        margin-left: 37.5%
    }

    .uno-grid-col-pull-9 {
        position: relative;
        right: 37.5%
    }

    .uno-grid-col-push-9 {
        position: relative;
        left: 37.5%
    }

    .uno-grid-col-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .uno-grid-col-10,.uno-grid-col-pc-10 {
        display: inline-block;
        width: 41.66667%
    }

    .uno-grid-col-offset-10 {
        margin-left: 41.66667%
    }

    .uno-grid-col-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .uno-grid-col-push-10 {
        position: relative;
        left: 41.66667%
    }

    .uno-grid-col-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .uno-grid-col-11,.uno-grid-col-pc-11 {
        display: inline-block;
        width: 45.83333%
    }

    .uno-grid-col-offset-11 {
        margin-left: 45.83333%
    }

    .uno-grid-col-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .uno-grid-col-push-11 {
        position: relative;
        left: 45.83333%
    }

    .uno-grid-col-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .uno-grid-col-12,.uno-grid-col-pc-12 {
        display: inline-block;
        width: 50%
    }

    .uno-grid-col-offset-12 {
        margin-left: 50%
    }

    .uno-grid-col-pull-12 {
        position: relative;
        right: 50%
    }

    .uno-grid-col-push-12 {
        position: relative;
        left: 50%
    }

    .uno-grid-col-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .uno-grid-col-13,.uno-grid-col-pc-13 {
        display: inline-block;
        width: 54.16667%
    }

    .uno-grid-col-offset-13 {
        margin-left: 54.16667%
    }

    .uno-grid-col-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .uno-grid-col-push-13 {
        position: relative;
        left: 54.16667%
    }

    .uno-grid-col-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .uno-grid-col-14,.uno-grid-col-pc-14 {
        display: inline-block;
        width: 58.33333%
    }

    .uno-grid-col-offset-14 {
        margin-left: 58.33333%
    }

    .uno-grid-col-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .uno-grid-col-push-14 {
        position: relative;
        left: 58.33333%
    }

    .uno-grid-col-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .uno-grid-col-15,.uno-grid-col-pc-15 {
        display: inline-block;
        width: 62.5%
    }

    .uno-grid-col-offset-15 {
        margin-left: 62.5%
    }

    .uno-grid-col-pull-15 {
        position: relative;
        right: 62.5%
    }

    .uno-grid-col-push-15 {
        position: relative;
        left: 62.5%
    }

    .uno-grid-col-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .uno-grid-col-16,.uno-grid-col-pc-16 {
        display: inline-block;
        width: 66.66667%
    }

    .uno-grid-col-offset-16 {
        margin-left: 66.66667%
    }

    .uno-grid-col-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .uno-grid-col-push-16 {
        position: relative;
        left: 66.66667%
    }

    .uno-grid-col-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .uno-grid-col-17,.uno-grid-col-pc-17 {
        display: inline-block;
        width: 70.83333%
    }

    .uno-grid-col-offset-17 {
        margin-left: 70.83333%
    }

    .uno-grid-col-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .uno-grid-col-push-17 {
        position: relative;
        left: 70.83333%
    }

    .uno-grid-col-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .uno-grid-col-18,.uno-grid-col-pc-18 {
        display: inline-block;
        width: 75%
    }

    .uno-grid-col-offset-18 {
        margin-left: 75%
    }

    .uno-grid-col-pull-18 {
        position: relative;
        right: 75%
    }

    .uno-grid-col-push-18 {
        position: relative;
        left: 75%
    }

    .uno-grid-col-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .uno-grid-col-19,.uno-grid-col-pc-19 {
        display: inline-block;
        width: 79.16667%
    }

    .uno-grid-col-offset-19 {
        margin-left: 79.16667%
    }

    .uno-grid-col-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .uno-grid-col-push-19 {
        position: relative;
        left: 79.16667%
    }

    .uno-grid-col-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .uno-grid-col-20,.uno-grid-col-pc-20 {
        display: inline-block;
        width: 83.33333%
    }

    .uno-grid-col-offset-20 {
        margin-left: 83.33333%
    }

    .uno-grid-col-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .uno-grid-col-push-20 {
        position: relative;
        left: 83.33333%
    }

    .uno-grid-col-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .uno-grid-col-21,.uno-grid-col-pc-21 {
        display: inline-block;
        width: 87.5%
    }

    .uno-grid-col-offset-21 {
        margin-left: 87.5%
    }

    .uno-grid-col-pull-21 {
        position: relative;
        right: 87.5%
    }

    .uno-grid-col-push-21 {
        position: relative;
        left: 87.5%
    }

    .uno-grid-col-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .uno-grid-col-22,.uno-grid-col-pc-22 {
        display: inline-block;
        width: 91.66667%
    }

    .uno-grid-col-offset-22 {
        margin-left: 91.66667%
    }

    .uno-grid-col-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .uno-grid-col-push-22 {
        position: relative;
        left: 91.66667%
    }

    .uno-grid-col-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .uno-grid-col-23,.uno-grid-col-pc-23 {
        display: inline-block;
        width: 95.83333%
    }

    .uno-grid-col-offset-23 {
        margin-left: 95.83333%
    }

    .uno-grid-col-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .uno-grid-col-push-23 {
        position: relative;
        left: 95.83333%
    }

    .uno-grid-col-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .uno-grid-col-24,.uno-grid-col-pc-24 {
        display: inline-block;
        width: 100%
    }

    .uno-grid-col-offset-24 {
        margin-left: 100%
    }

    .uno-grid-col-pull-24 {
        position: relative;
        right: 100%
    }

    .uno-grid-col-push-24 {
        position: relative;
        left: 100%
    }

    .uno-grid-col-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 768px) {
    .uno-grid-col-0 {
        display:none
    }

    .uno-grid-col-offset-0 {
        margin-left: 0
    }

    .uno-grid-col-pull-0 {
        right: auto
    }

    .uno-grid-col-push-0 {
        left: auto
    }

    .uno-grid-col-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .uno-grid-col-1,.uno-grid-col-ipad-1 {
        display: inline-block;
        width: 4.16667%
    }

    .uno-grid-col-offset-1 {
        margin-left: 4.16667%
    }

    .uno-grid-col-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .uno-grid-col-push-1 {
        position: relative;
        left: 4.16667%
    }

    .uno-grid-col-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .uno-grid-col-2,.uno-grid-col-ipad-2 {
        display: inline-block;
        width: 8.33333%
    }

    .uno-grid-col-offset-2 {
        margin-left: 8.33333%
    }

    .uno-grid-col-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .uno-grid-col-push-2 {
        position: relative;
        left: 8.33333%
    }

    .uno-grid-col-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .uno-grid-col-3,.uno-grid-col-ipad-3 {
        display: inline-block;
        width: 12.5%
    }

    .uno-grid-col-offset-3 {
        margin-left: 12.5%
    }

    .uno-grid-col-pull-3 {
        position: relative;
        right: 12.5%
    }

    .uno-grid-col-push-3 {
        position: relative;
        left: 12.5%
    }

    .uno-grid-col-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .uno-grid-col-4,.uno-grid-col-ipad-4 {
        display: inline-block;
        width: 16.66667%
    }

    .uno-grid-col-offset-4 {
        margin-left: 16.66667%
    }

    .uno-grid-col-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .uno-grid-col-push-4 {
        position: relative;
        left: 16.66667%
    }

    .uno-grid-col-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .uno-grid-col-ipad-5 {
        width: 20.83333%;
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-5 {
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-offset-5 {
        margin-left: 20.83333%
    }

    .uno-grid-col-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .uno-grid-col-push-5 {
        position: relative;
        left: 20.83333%
    }

    .uno-grid-col-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .uno-grid-col-6,.uno-grid-col-ipad-6 {
        display: inline-block;
        width: 25%
    }

    .uno-grid-col-offset-6 {
        margin-left: 25%
    }

    .uno-grid-col-pull-6 {
        position: relative;
        right: 25%
    }

    .uno-grid-col-push-6 {
        position: relative;
        left: 25%
    }

    .uno-grid-col-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .uno-grid-col-7,.uno-grid-col-ipad-7 {
        display: inline-block;
        width: 29.16667%
    }

    .uno-grid-col-offset-7 {
        margin-left: 29.16667%
    }

    .uno-grid-col-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .uno-grid-col-push-7 {
        position: relative;
        left: 29.16667%
    }

    .uno-grid-col-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .uno-grid-col-8,.uno-grid-col-ipad-8 {
        display: inline-block;
        width: 33.33333%
    }

    .uno-grid-col-offset-8 {
        margin-left: 33.33333%
    }

    .uno-grid-col-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .uno-grid-col-push-8 {
        position: relative;
        left: 33.33333%
    }

    .uno-grid-col-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .uno-grid-col-9,.uno-grid-col-ipad-9 {
        display: inline-block;
        width: 37.5%
    }

    .uno-grid-col-offset-9 {
        margin-left: 37.5%
    }

    .uno-grid-col-pull-9 {
        position: relative;
        right: 37.5%
    }

    .uno-grid-col-push-9 {
        position: relative;
        left: 37.5%
    }

    .uno-grid-col-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .uno-grid-col-10,.uno-grid-col-ipad-10 {
        display: inline-block;
        width: 41.66667%
    }

    .uno-grid-col-offset-10 {
        margin-left: 41.66667%
    }

    .uno-grid-col-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .uno-grid-col-push-10 {
        position: relative;
        left: 41.66667%
    }

    .uno-grid-col-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .uno-grid-col-11,.uno-grid-col-ipad-11 {
        display: inline-block;
        width: 45.83333%
    }

    .uno-grid-col-offset-11 {
        margin-left: 45.83333%
    }

    .uno-grid-col-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .uno-grid-col-push-11 {
        position: relative;
        left: 45.83333%
    }

    .uno-grid-col-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .uno-grid-col-12,.uno-grid-col-ipad-12 {
        display: inline-block;
        width: 50%
    }

    .uno-grid-col-offset-12 {
        margin-left: 50%
    }

    .uno-grid-col-pull-12 {
        position: relative;
        right: 50%
    }

    .uno-grid-col-push-12 {
        position: relative;
        left: 50%
    }

    .uno-grid-col-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .uno-grid-col-13,.uno-grid-col-ipad-13 {
        display: inline-block;
        width: 54.16667%
    }

    .uno-grid-col-offset-13 {
        margin-left: 54.16667%
    }

    .uno-grid-col-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .uno-grid-col-push-13 {
        position: relative;
        left: 54.16667%
    }

    .uno-grid-col-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .uno-grid-col-14,.uno-grid-col-ipad-14 {
        display: inline-block;
        width: 58.33333%
    }

    .uno-grid-col-offset-14 {
        margin-left: 58.33333%
    }

    .uno-grid-col-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .uno-grid-col-push-14 {
        position: relative;
        left: 58.33333%
    }

    .uno-grid-col-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .uno-grid-col-15,.uno-grid-col-ipad-15 {
        display: inline-block;
        width: 62.5%
    }

    .uno-grid-col-offset-15 {
        margin-left: 62.5%
    }

    .uno-grid-col-pull-15 {
        position: relative;
        right: 62.5%
    }

    .uno-grid-col-push-15 {
        position: relative;
        left: 62.5%
    }

    .uno-grid-col-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .uno-grid-col-16,.uno-grid-col-ipad-16 {
        display: inline-block;
        width: 66.66667%
    }

    .uno-grid-col-offset-16 {
        margin-left: 66.66667%
    }

    .uno-grid-col-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .uno-grid-col-push-16 {
        position: relative;
        left: 66.66667%
    }

    .uno-grid-col-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .uno-grid-col-17,.uno-grid-col-ipad-17 {
        display: inline-block;
        width: 70.83333%
    }

    .uno-grid-col-offset-17 {
        margin-left: 70.83333%
    }

    .uno-grid-col-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .uno-grid-col-push-17 {
        position: relative;
        left: 70.83333%
    }

    .uno-grid-col-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .uno-grid-col-18,.uno-grid-col-ipad-18 {
        display: inline-block;
        width: 75%
    }

    .uno-grid-col-offset-18 {
        margin-left: 75%
    }

    .uno-grid-col-pull-18 {
        position: relative;
        right: 75%
    }

    .uno-grid-col-push-18 {
        position: relative;
        left: 75%
    }

    .uno-grid-col-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .uno-grid-col-19,.uno-grid-col-ipad-19 {
        display: inline-block;
        width: 79.16667%
    }

    .uno-grid-col-offset-19 {
        margin-left: 79.16667%
    }

    .uno-grid-col-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .uno-grid-col-push-19 {
        position: relative;
        left: 79.16667%
    }

    .uno-grid-col-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .uno-grid-col-20,.uno-grid-col-ipad-20 {
        display: inline-block;
        width: 83.33333%
    }

    .uno-grid-col-offset-20 {
        margin-left: 83.33333%
    }

    .uno-grid-col-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .uno-grid-col-push-20 {
        position: relative;
        left: 83.33333%
    }

    .uno-grid-col-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .uno-grid-col-21,.uno-grid-col-ipad-21 {
        display: inline-block;
        width: 87.5%
    }

    .uno-grid-col-offset-21 {
        margin-left: 87.5%
    }

    .uno-grid-col-pull-21 {
        position: relative;
        right: 87.5%
    }

    .uno-grid-col-push-21 {
        position: relative;
        left: 87.5%
    }

    .uno-grid-col-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .uno-grid-col-22,.uno-grid-col-ipad-22 {
        display: inline-block;
        width: 91.66667%
    }

    .uno-grid-col-offset-22 {
        margin-left: 91.66667%
    }

    .uno-grid-col-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .uno-grid-col-push-22 {
        position: relative;
        left: 91.66667%
    }

    .uno-grid-col-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .uno-grid-col-23,.uno-grid-col-ipad-23 {
        display: inline-block;
        width: 95.83333%
    }

    .uno-grid-col-offset-23 {
        margin-left: 95.83333%
    }

    .uno-grid-col-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .uno-grid-col-push-23 {
        position: relative;
        left: 95.83333%
    }

    .uno-grid-col-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .uno-grid-col-24,.uno-grid-col-ipad-24 {
        display: inline-block;
        width: 100%
    }

    .uno-grid-col-offset-24 {
        margin-left: 100%
    }

    .uno-grid-col-pull-24 {
        position: relative;
        right: 100%
    }

    .uno-grid-col-push-24 {
        position: relative;
        left: 100%
    }

    .uno-grid-col-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 600px) {
    .uno-grid-col-0 {
        display:none
    }

    .uno-grid-col-offset-0 {
        margin-left: 0
    }

    .uno-grid-col-pull-0 {
        right: auto
    }

    .uno-grid-col-push-0 {
        left: auto
    }

    .uno-grid-col-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .uno-grid-col-1,.uno-grid-col-mobile-1 {
        display: inline-block;
        width: 4.16667%
    }

    .uno-grid-col-offset-1 {
        margin-left: 4.16667%
    }

    .uno-grid-col-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .uno-grid-col-push-1 {
        position: relative;
        left: 4.16667%
    }

    .uno-grid-col-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .uno-grid-col-2,.uno-grid-col-mobile-2 {
        display: inline-block;
        width: 8.33333%
    }

    .uno-grid-col-offset-2 {
        margin-left: 8.33333%
    }

    .uno-grid-col-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .uno-grid-col-push-2 {
        position: relative;
        left: 8.33333%
    }

    .uno-grid-col-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .uno-grid-col-3,.uno-grid-col-mobile-3 {
        display: inline-block;
        width: 12.5%
    }

    .uno-grid-col-offset-3 {
        margin-left: 12.5%
    }

    .uno-grid-col-pull-3 {
        position: relative;
        right: 12.5%
    }

    .uno-grid-col-push-3 {
        position: relative;
        left: 12.5%
    }

    .uno-grid-col-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .uno-grid-col-4,.uno-grid-col-mobile-4 {
        display: inline-block;
        width: 16.66667%
    }

    .uno-grid-col-offset-4 {
        margin-left: 16.66667%
    }

    .uno-grid-col-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .uno-grid-col-push-4 {
        position: relative;
        left: 16.66667%
    }

    .uno-grid-col-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .uno-grid-col-mobile-5 {
        width: 20.83333%;
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-5 {
        display: inline-block;
        width: 20%
    }

    .uno-grid-col-offset-5 {
        margin-left: 20.83333%
    }

    .uno-grid-col-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .uno-grid-col-push-5 {
        position: relative;
        left: 20.83333%
    }

    .uno-grid-col-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .uno-grid-col-6,.uno-grid-col-mobile-6 {
        display: inline-block;
        width: 25%
    }

    .uno-grid-col-offset-6 {
        margin-left: 25%
    }

    .uno-grid-col-pull-6 {
        position: relative;
        right: 25%
    }

    .uno-grid-col-push-6 {
        position: relative;
        left: 25%
    }

    .uno-grid-col-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .uno-grid-col-7,.uno-grid-col-mobile-7 {
        display: inline-block;
        width: 29.16667%
    }

    .uno-grid-col-offset-7 {
        margin-left: 29.16667%
    }

    .uno-grid-col-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .uno-grid-col-push-7 {
        position: relative;
        left: 29.16667%
    }

    .uno-grid-col-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .uno-grid-col-8,.uno-grid-col-mobile-8 {
        display: inline-block;
        width: 33.33333%
    }

    .uno-grid-col-offset-8 {
        margin-left: 33.33333%
    }

    .uno-grid-col-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .uno-grid-col-push-8 {
        position: relative;
        left: 33.33333%
    }

    .uno-grid-col-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .uno-grid-col-9,.uno-grid-col-mobile-9 {
        display: inline-block;
        width: 37.5%
    }

    .uno-grid-col-offset-9 {
        margin-left: 37.5%
    }

    .uno-grid-col-pull-9 {
        position: relative;
        right: 37.5%
    }

    .uno-grid-col-push-9 {
        position: relative;
        left: 37.5%
    }

    .uno-grid-col-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .uno-grid-col-10,.uno-grid-col-mobile-10 {
        display: inline-block;
        width: 41.66667%
    }

    .uno-grid-col-offset-10 {
        margin-left: 41.66667%
    }

    .uno-grid-col-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .uno-grid-col-push-10 {
        position: relative;
        left: 41.66667%
    }

    .uno-grid-col-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .uno-grid-col-11,.uno-grid-col-mobile-11 {
        display: inline-block;
        width: 45.83333%
    }

    .uno-grid-col-offset-11 {
        margin-left: 45.83333%
    }

    .uno-grid-col-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .uno-grid-col-push-11 {
        position: relative;
        left: 45.83333%
    }

    .uno-grid-col-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .uno-grid-col-12,.uno-grid-col-mobile-12 {
        display: inline-block;
        width: 50%
    }

    .uno-grid-col-offset-12 {
        margin-left: 50%
    }

    .uno-grid-col-pull-12 {
        position: relative;
        right: 50%
    }

    .uno-grid-col-push-12 {
        position: relative;
        left: 50%
    }

    .uno-grid-col-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .uno-grid-col-13,.uno-grid-col-mobile-13 {
        display: inline-block;
        width: 54.16667%
    }

    .uno-grid-col-offset-13 {
        margin-left: 54.16667%
    }

    .uno-grid-col-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .uno-grid-col-push-13 {
        position: relative;
        left: 54.16667%
    }

    .uno-grid-col-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .uno-grid-col-14,.uno-grid-col-mobile-14 {
        display: inline-block;
        width: 58.33333%
    }

    .uno-grid-col-offset-14 {
        margin-left: 58.33333%
    }

    .uno-grid-col-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .uno-grid-col-push-14 {
        position: relative;
        left: 58.33333%
    }

    .uno-grid-col-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .uno-grid-col-15,.uno-grid-col-mobile-15 {
        display: inline-block;
        width: 62.5%
    }

    .uno-grid-col-offset-15 {
        margin-left: 62.5%
    }

    .uno-grid-col-pull-15 {
        position: relative;
        right: 62.5%
    }

    .uno-grid-col-push-15 {
        position: relative;
        left: 62.5%
    }

    .uno-grid-col-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .uno-grid-col-16,.uno-grid-col-mobile-16 {
        display: inline-block;
        width: 66.66667%
    }

    .uno-grid-col-offset-16 {
        margin-left: 66.66667%
    }

    .uno-grid-col-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .uno-grid-col-push-16 {
        position: relative;
        left: 66.66667%
    }

    .uno-grid-col-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .uno-grid-col-17,.uno-grid-col-mobile-17 {
        display: inline-block;
        width: 70.83333%
    }

    .uno-grid-col-offset-17 {
        margin-left: 70.83333%
    }

    .uno-grid-col-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .uno-grid-col-push-17 {
        position: relative;
        left: 70.83333%
    }

    .uno-grid-col-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .uno-grid-col-18,.uno-grid-col-mobile-18 {
        display: inline-block;
        width: 75%
    }

    .uno-grid-col-offset-18 {
        margin-left: 75%
    }

    .uno-grid-col-pull-18 {
        position: relative;
        right: 75%
    }

    .uno-grid-col-push-18 {
        position: relative;
        left: 75%
    }

    .uno-grid-col-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .uno-grid-col-19,.uno-grid-col-mobile-19 {
        display: inline-block;
        width: 79.16667%
    }

    .uno-grid-col-offset-19 {
        margin-left: 79.16667%
    }

    .uno-grid-col-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .uno-grid-col-push-19 {
        position: relative;
        left: 79.16667%
    }

    .uno-grid-col-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .uno-grid-col-20,.uno-grid-col-mobile-20 {
        display: inline-block;
        width: 83.33333%
    }

    .uno-grid-col-offset-20 {
        margin-left: 83.33333%
    }

    .uno-grid-col-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .uno-grid-col-push-20 {
        position: relative;
        left: 83.33333%
    }

    .uno-grid-col-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .uno-grid-col-21,.uno-grid-col-mobile-21 {
        display: inline-block;
        width: 87.5%
    }

    .uno-grid-col-offset-21 {
        margin-left: 87.5%
    }

    .uno-grid-col-pull-21 {
        position: relative;
        right: 87.5%
    }

    .uno-grid-col-push-21 {
        position: relative;
        left: 87.5%
    }

    .uno-grid-col-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .uno-grid-col-22,.uno-grid-col-mobile-22 {
        display: inline-block;
        width: 91.66667%
    }

    .uno-grid-col-offset-22 {
        margin-left: 91.66667%
    }

    .uno-grid-col-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .uno-grid-col-push-22 {
        position: relative;
        left: 91.66667%
    }

    .uno-grid-col-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .uno-grid-col-23,.uno-grid-col-mobile-23 {
        display: inline-block;
        width: 95.83333%
    }

    .uno-grid-col-offset-23 {
        margin-left: 95.83333%
    }

    .uno-grid-col-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .uno-grid-col-push-23 {
        position: relative;
        left: 95.83333%
    }

    .uno-grid-col-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .uno-grid-col-24,.uno-grid-col-mobile-24 {
        display: inline-block;
        width: 100%
    }

    .uno-grid-col-offset-24 {
        margin-left: 100%
    }

    .uno-grid-col-pull-24 {
        position: relative;
        right: 100%
    }

    .uno-grid-col-push-24 {
        position: relative;
        left: 100%
    }

    .uno-grid-col-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 768px) {
    .uno-grid-row {
        margin-top:0!important;
        margin-bottom: 0!important
    }

    .uno-grid-row .uno-grid-col-item {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .uno-grid-row:last-child .uno-grid-col-item:last-child .uno-seckill-card:last-child {
        padding-bottom: 0
    }

    .uno-grid-row:last-child .uno-grid-col-item:last-child .uno-seckill-card:last-child:after {
        display: none
    }

    .uno-seckill-bar-wrap .uno-seckill-bar:last-child {
        padding-bottom: 0
    }

    .uno-seckill-bar-wrap .uno-seckill-bar:last-child:after {
        display: none
    }
}

.uno-recommend {
    padding: 30px 20px;
    position: relative;
    border: 2px solid #fff;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    display: block;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    text-decoration: none
}

.uno-recommend-inner {
    height: 100%;
    width: 100%;
    display: block
}

.uno-recommend-icon {
    width: 140px;
    height: 140px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno-recommend-con {
    width: calc(100% - 220px)
}

@media (min-width: 769px) {
    .uno-recommend-middle .uno-recommend-icon {
        right:48px
    }

    .uno-recommend-small .uno-recommend-icon {
        right: 0
    }

    .uno-recommend-small .uno-recommend-con {
        width: calc(100% - 122px)
    }
}

.uno-recommend-title {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    font-weight: 500
}

.uno-recommend-desc,.uno-recommend-title {
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-recommend-desc {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 8px
}

.uno-recommend-desc .uno-text-highlight {
    color: #f64041
}

.uno-recommend-btn-wrap {
    margin-top: 12px
}

.uno-recommend-link-wrap {
    margin-top: 26px;
    height: 24px;
    font-size: 14px;
    line-height: 22px
}

.uno-recommend-tag-new {
    position: absolute;
    width: 71px;
    height: 28px;
    display: inline-block;
    top: -4px;
    left: -6px;
    background: url(/web/jinglisafe/assets/images/cps/recommend_tag_new.png);
    background-size: 100%;
    background-repeat: no-repeat
}

@media screen and (min-width: 769px) {
    .uno-recommend {
        -webkit-transition:all .2s linear;
        transition: all .2s linear
    }

    .uno-recommend:hover {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
    }

    .uno-recommend:hover .uno-recommend-title {
        color: #0052d9
    }
}

@media screen and (max-width: 768px) {
    .uno-recommend {
        padding:30px 16px
    }

    .uno-recommend-con {
        width: calc(100% - 112px)
    }

    .uno-recommend-title {
        font-size: 16px;
        line-height: 24px
    }

    .uno-recommend-desc {
        font-size: 12px;
        line-height: 20px
    }

    .uno-recommend-icon {
        width: 126px;
        height: 126px
    }
}

@media (max-width: 768px) {
    .uno-grid-row .uno-grid-col-item:nth-child(n+2) .uno-recommend {
        margin-top:20px
    }
}

.uno-section {
    background: #fff
}

.uno-section-bg-color {
    background-color: #f1f2f5
}

.uno-section-inner {
    width: auto;
    margin: 0 auto;
    padding: 60px 0;
    position: relative
}

.uno-section-tit-normal span {
    vertical-align: middle
}

.uno-section-tit .uno-tags-user-type {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .uno-section-inner {
        width:auto;
        padding: 40px 0
    }
}

@media screen and (min-width: 769px) {
    .uno-section {
        min-width:1200px
    }
}

.uno-section-tit {
    font-size: 28px;
    line-height: 36px;
    color: #181818;
    font-weight: 400
}

.uno-section-tit-divider {
    margin: 0 4px
}

.uno-section-tit-highlight {
    color: #0052d9;
    position: relative
}

.uno-section-tit-highlight:after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: block;
    color: transparent;
    -webkit-mask-image: -webkit-linear-gradient(right,transparent,transparent);
    z-index: 10
}

.uno-section-sub-tit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

.uno-section-sub-tit .uno-list {
    display: block
}

@media screen and (min-width: 769px) {
    .uno-section-header {
        width:1180px;
        margin: auto auto 32px
    }

    .uno-section-sub-tit .uno-action+span,.uno-section-sub-tit .uno-bubble-trigger+span,.uno-section-sub-tit .uno-link+span,.uno-section-sub-tit span+.uno-action,.uno-section-sub-tit span+.uno-bubble-trigger,.uno-section-sub-tit span+.uno-link {
        margin-left: 12px
    }

    .uno-section-sub-tit .uno-link .uno-icon-link {
        vertical-align: -2px
    }
}

@media screen and (max-width: 768px) {
    .uno-section-tit {
        font-size:20px;
        line-height: 28px
    }

    .uno-section-sub-tit {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .uno-section-sub-tit .uno-action+span,.uno-section-sub-tit .uno-bubble-trigger+span,.uno-section-sub-tit .uno-link+span,.uno-section-sub-tit span+.uno-action,.uno-section-sub-tit span+.uno-bubble-trigger,.uno-section-sub-tit span+.uno-link {
        margin-left: 8px
    }

    .uno-section-header {
        padding-bottom: 20px;
        padding-left: 16px;
        padding-right: 16px
    }

    .uno-section-header+.uno-section-body .uno-panel:first-child {
        margin-top: 12px
    }

    .uno-section-header+.uno-section-body .uno-secondtit:first-child {
        padding-top: 12px
    }

    .uno-section .uno-justify-right .uno-button {
        width: 84px;
        min-width: auto;
        border-radius: 2px
    }
}

@media screen and (min-width: 769px) {
    .uno-section .uno-justify-right .uno-button {
        border-radius:2px
    }

    .uno-panel:first-child {
        margin-top: 8px
    }

    .uno-section-header+.uno-section-body .uno-secondtit:first-child {
        padding-top: 24px
    }
}

.uno-section.uno-section-center .uno-section-header {
    text-align: center
}

.uno-justify {
    display: table;
    width: 100%
}

.uno-justify-left {
    display: table-cell;
    text-align: left
}

.uno-justify-right {
    display: table-cell;
    text-align: right;
    padding-left: 12px
}

.uno-justify-top .uno-justify-left,.uno-justify-top .uno-justify-right {
    vertical-align: top
}

.uno-justify-bottom .uno-justify-left,.uno-justify-bottom .uno-justify-right {
    vertical-align: bottom
}

.uno-justify-middle .uno-justify-left,.uno-justify-middle .uno-justify-right {
    vertical-align: middle
}

.uno-panel-header {
    padding-bottom: 32px;
    position: relative
}

.uno-panel-tit {
    font-size: 24px;
    line-height: 32px;
    color: #181818;
    font-weight: 400
}

.uno-panel-sub-tit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

@media screen and (min-width: 769px) {
    .uno-action+span,.uno-bubble-trigger+span,.uno-link+span,span+.uno-action,span+.uno-bubble-trigger,span+.uno-link {
        margin-left:12px
    }

    .uno-panel+.uno-panel {
        margin-top: 60px
    }

    .uno-panel-header {
        width: 1180px;
        margin: auto
    }
}

@media screen and (max-width: 768px) {
    .uno-panel-tit {
        font-size:18px;
        line-height: 26px
    }

    .uno-panel-sub-tit {
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px
    }

    .uno-panel-sub-tit .uno-action+span,.uno-panel-sub-tit .uno-bubble-trigger+span,.uno-panel-sub-tit .uno-link+span,.uno-panel-sub-tit span+.uno-action,.uno-panel-sub-tit span+.uno-bubble-trigger,.uno-panel-sub-tit span+.uno-link {
        margin-left: 8px
    }

    .uno-panel-header {
        padding: 0 16px 20px
    }
}

@media screen and (min-width: 769px) {
    .uno-panel-contained+.uno-panel-contained {
        margin-top:60px
    }

    .uno-panel-contained .uno-panel-header {
        padding: 24px 300px 24px 20px;
        background: -webkit-linear-gradient(190deg,#0b95ff,#0566e8 93%);
        background: linear-gradient(260deg,#0b95ff,#0566e8 93%)
    }

    .uno-panel-contained .uno-panel-header-icon {
        width: 160px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0
    }

    .uno-panel-contained .uno-panel-header .uno-link {
        color: #32dcff
    }

    .uno-panel-contained .uno-panel-header .uno-list .uno-item {
        color: #afd2ff
    }

    .uno-panel-contained .uno-panel-header .uno-bubble-trigger {
        color: #32dcff;
        border-bottom-color: #32dcff
    }

    .uno-panel-contained .uno-icon-link {
        background-image: url(/web/jinglisafe/assets/images/cps/icon_link_panel_contained.svg)
    }

    .uno-panel-contained .uno-panel-tit {
        color: #fff
    }

    .uno-panel-contained .uno-panel-sub-tit {
        color: #afd2ff
    }
}

@media screen and (max-width: 768px) {
    .uno-panel+.uno-panel {
        margin-top:40px
    }

    .uno-panel-header-icon {
        display: none
    }
}

.uno-voucher {
    font-size: 0;
    position: relative;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    padding: 20px
}

.uno-voucher-left-circle {
    display: none
}

.uno-voucher .uno-progress-bar {
    background-color: hsla(0,0%,100%,.2)
}

.uno-voucher .uno-progress-bar-inner {
    background-color: #fff
}

.uno-voucher .uno-progress-tip {
    color: hsla(0,0%,100%,.8)
}

.uno-voucher-main {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.uno-voucher-main-tit {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    font-weight: 500
}

.uno-voucher-main-sub-tit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    margin-top: 12px
}

.uno-voucher-main .uno-voucher-list {
    margin-top: 12px;
    overflow: hidden
}

.uno-voucher-main .uno-item {
    color: #4b5b76;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno-voucher-main .uno-voucher-block-list {
    margin-top: 8px
}

.uno-voucher-aside {
    vertical-align: top;
    display: inline-block;
    height: 177px;
    padding: 20px
}

.uno-voucher-aside-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    z-index: 1
}

.uno-voucher-aside-tit {
    font-size: 0
}

.uno-voucher-aside-amount {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    font-weight: 500
}

.uno-voucher-aside-unit {
    margin-left: 4px;
    font-weight: 600
}

.uno-voucher-aside-desc,.uno-voucher-aside-unit {
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.uno-voucher-aside-btn {
    margin-top: 8px
}

.uno-voucher-aside .uno-button {
    margin-top: 35px;
    width: 100%
}

.uno-voucher-aside .uno-progress+.uno-button {
    margin-top: 8px
}

.uno-voucher-aside .uno-progress-tip {
    font-size: 12px;
    line-height: 20px
}

.uno-voucher-aside .uno-progress-tip+.uno-progress-bar {
    margin-top: 4px
}

.uno-voucher-simple.uno-voucher.uno-voucher-small {
    background: none;
    border: none;
    box-shadow: none;
    height: 111px;
    min-height: 111px;
    border-radius: 0;
    padding: 0 0 0 9px;
    position: relative
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-left-circle {
    display: block;
    width: 10px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    border-left: 2px solid #fff;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    box-sizing: border-box;
    z-index: 1
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-left-circle:after,.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-left-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    width: 10px;
    height: 10px
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-left-circle:before {
    top: -10px;
    background: url(/web/jinglisafe/assets/images/cps/voucher_circle_top.svg)
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-left-circle:after {
    bottom: -10px;
    background: url(/web/jinglisafe/assets/images/cps/voucher_circle_bottom.svg)
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main {
    height: 100%;
    border-right: none;
    width: calc(100% - 158px);
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    padding: 25px 20px 25px 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main .uno-voucher-block-list {
    margin-top: 0
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main .uno-voucher-block-amount,.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main .uno-voucher-block-unit {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
    vertical-align: middle;
    color: #181818
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main .uno-voucher-block-count {
    font-size: 14px;
    line-height: 22px;
    color: #0052d9;
    background: transparent;
    display: inline-block;
    border: 1px solid #0052d9;
    padding: 0 8px;
    height: 22px;
    margin-left: 8px;
    border-radius: 2px;
    vertical-align: middle;
    letter-spacing: 2px
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main .uno-voucher-block-desc {
    margin-top: 2px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside {
    width: 158px;
    position: absolute;
    padding: 20px 16px;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_simple.png);
    background-size: auto 100%;
    background-position: 100%;
    margin-top: 0
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside-center {
    height: 100%
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside-btn {
    margin-top: 0;
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside-btn .uno-progress {
    margin-top: 0
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside-btn .uno-button {
    min-width: 0
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-progress-bar {
    border-radius: 1.5px;
    background: hsla(0,0%,100%,.2)
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-progress-bar-inner {
    background: #fff
}

.uno-voucher-simple.uno-voucher.uno-voucher-small .uno-progress-tip {
    color: hsla(0,0%,100%,.8)
}

@media (max-width: 768px) {
    .uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-block {
        width:100%
    }

    .uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-main {
        width: calc(100% - 132px)
    }

    .uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside {
        width: 132px;
        background: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_simple_mobile.png);
        background-size: 100% 100%;
        padding: 0
    }

    .uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside:before {
        display: none
    }

    .uno-voucher-simple.uno-voucher.uno-voucher-small .uno-voucher-aside-center {
        padding: 0;
        width: calc(100% - 32px);
        left: 16px
    }
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle {
    min-height: 204px;
    height: 204px;
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0 0 0 10px
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle {
    display: block;
    width: 10px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
    border-left: 2px solid #fff;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    box-sizing: border-box
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle:after,.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    width: 10px;
    height: 10px
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle:before {
    top: -10px;
    background: url(/web/jinglisafe/assets/images/cps/voucher_circle_top.svg)
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle:after {
    bottom: -10px;
    background: url(/web/jinglisafe/assets/images/cps/voucher_circle_bottom.svg)
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-main {
    width: calc(100% - 208px);
    padding: 20px 20px 20px 10px;
    height: 100%;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 0;
    position: relative
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-main:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-main-center {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside {
    width: 212px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 34px 20px;
    background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg.png);
    background-size: 100% 100%
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-list {
    font-size: 0
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block {
    padding: 8px;
    height: 60px;
    width: 102px;
    display: inline-block;
    background: #fff;
    margin-right: 11px;
    border: 1px solid #d6dbe3;
    box-shadow: none;
    border-radius: 4px;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block:nth-child(n+4) {
    margin-top: 10px
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block:nth-child(3n) {
    margin-right: 0
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-amount,.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-unit {
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    font-weight: 500
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-count {
    font-size: 12px;
    line-height: 18px;
    line-height: 14px;
    color: #0052d9;
    display: inline-block;
    border: 1px solid #0052d9;
    padding: 0 4px;
    height: 16px;
    margin-left: 4px;
    border-radius: 2px;
    letter-spacing: 2px
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-desc {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-top: 3px
}

.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-disabled {
    opacity: .5
}

@media (min-width: 769px) {
    .uno-voucher-multiple.uno-voucher.uno-voucher-middle,.uno-voucher-simple.uno-voucher.uno-voucher-small {
        border-top-right-radius:20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 23px;
        border-bottom-left-radius: 23px;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        overflow: visible
    }
}

@media (max-width: 768px) {
    .uno-voucher {
        min-height:auto;
        height: auto;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        padding: 16px
    }

    .uno-voucher-main {
        width: 100%;
        display: block
    }

    .uno-voucher-main-sub-tit {
        margin-top: 8px
    }

    .uno-voucher-aside {
        height: auto;
        width: 100%;
        display: block;
        margin-top: 12px;
        padding: 0;
        box-shadow: none;
        background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_mobile.png);
        background-size: 100% 100%;
        position: relative
    }

    .uno-voucher-aside:before {
        content: "";
        width: 100%;
        padding-top: 37.5%;
        display: block
    }

    .uno-voucher-aside-center {
        width: 100%;
        position: absolute;
        padding: 0 5.4%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        box-sizing: border-box
    }

    .uno-voucher-aside-amount {
        font-size: 28px;
        line-height: 36px
    }

    .uno-voucher-aside-unit {
        font-size: 12px;
        line-height: 18px
    }

    .uno-voucher-aside-desc,.uno-voucher-aside-tit {
        display: block;
        width: calc(100% - 130px)
    }

    .uno-voucher-aside-btn {
        width: 126px;
        position: absolute;
        right: 5.4%;
        top: 50%;
        margin-top: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-voucher-aside-btn .uno-button,.uno-voucher-aside-btn .uno-progress {
        margin-top: 0
    }

    .uno-voucher-aside-btn .uno-progress-tip {
        display: inline-block;
        font-size: 12px;
        line-height: 20px
    }

    .uno-voucher-aside-btn .uno-progress-tip+.uno-progress-bar {
        margin-top: 4px
    }

    .uno-voucher-left-circle {
        display: none
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle {
        height: auto;
        min-height: auto;
        background: none;
        box-shadow: none;
        border: none;
        padding-left: 0
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-left-circle {
        display: none
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-main {
        border: none;
        border-top: 1px solid #d6dbe3;
        background: none;
        width: 100%;
        padding: 20px 0
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block-list {
        margin-top: 20px
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block {
        width: calc((100% - 22px)/3)
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside {
        box-shadow: none;
        position: static;
        height: 71px;
        width: 100%;
        padding: 0;
        margin-top: 0;
        background-image: none;
        position: relative
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside:before {
        display: none
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-center {
        height: 100%;
        padding: 0
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside .uno-progress {
        margin-top: 0
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-btn {
        right: 2px
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-amount,.uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-unit {
        color: #181818
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-desc {
        margin-top: 13px;
        color: #4b5b76
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-aside-tit {
        margin-top: 0
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-voucher-block {
        width: calc((100% - 24px)/3)
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-progress-bar {
        background: #d7dbe0;
        border-radius: 1.5px
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-progress-bar-inner {
        background: -webkit-linear-gradient(left,#6b73ff,#0052d9,#0acffe);
        background: linear-gradient(90deg,#6b73ff,#0052d9,#0acffe)
    }

    .uno-voucher-multiple.uno-voucher.uno-voucher-middle .uno-progress-tip {
        color: #495770
    }
}

@media (max-width: 768px) {
    .uno-grid-row .uno-grid-col-item:nth-child(n+2) .uno-voucher {
        margin-top:20px
    }
}

@media (min-width: 769px) {
    .uno-voucher.uno-voucher-small .uno-voucher-main-sub-tit {
        display:none
    }

    .uno-voucher.uno-voucher-middle {
        min-height: 217px
    }

    .uno-voucher.uno-voucher-middle .uno-voucher-main {
        width: calc(100% - 268px);
        padding-right: 20px
    }

    .uno-voucher.uno-voucher-middle .uno-voucher-main-sub-tit {
        display: none
    }

    .uno-voucher.uno-voucher-middle .uno-voucher-aside {
        width: 268px;
        background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_middle.png);
        background-size: 100% 100%
    }

    .uno-voucher.uno-voucher-large {
        min-height: 237px;
        padding: 30px 60px
    }

    .uno-voucher.uno-voucher-large .uno-voucher-main {
        width: calc(100% - 360px);
        padding-right: 60px
    }

    .uno-voucher.uno-voucher-large .uno-voucher-aside {
        width: 360px;
        padding: 20px 30px;
        background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_large.png);
        background-size: 100% 100%
    }
}

@media (min-width: 769px) {
    .uno-voucher.uno-voucher-small .uno-voucher-main {
        width:100%
    }

    .uno-voucher.uno-voucher-small .uno-voucher-aside {
        padding: 26px 20px;
        height: 111px;
        width: 100%;
        margin-top: 12px;
        background-image: url(/web/jinglisafe/assets/images/cps/voucher_aside_bg_small.png);
        background-size: 100% 100%
    }

    .uno-voucher.uno-voucher-small .uno-voucher-aside-btn {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 0
    }

    .uno-voucher.uno-voucher-small .uno-voucher-aside-btn .uno-button {
        margin-top: 0
    }

    .uno-voucher.uno-voucher-small .uno-voucher-aside-btn .uno-progress+.uno-button {
        margin-top: 8px
    }
}

@media (min-width: 769px) {
    .uno-voucher.uno-voucher-get .uno-voucher-aside {
        position:relative
    }

    .uno-voucher.uno-voucher-get .uno-voucher-aside:after {
        content: "";
        width: 53px;
        height: 51px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple .uno-voucher-aside:after {
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_3.png) no-repeat;
        background-size: 100% 100%
    }

    .uno-voucher .uno-voucher-aside.uno-voucher-get {
        position: relative
    }

    .uno-voucher .uno-voucher-aside.uno-voucher-get:after {
        content: "";
        width: 53px;
        height: 51px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno-voucher.uno-voucher-get.uno-voucher-small .uno-voucher-aside:after {
        width: 35px;
        height: 34px
    }
}

@media (max-width: 768px) {
    .uno-voucher.uno-voucher-get .uno-voucher-aside {
        position:relative
    }

    .uno-voucher.uno-voucher-get .uno-voucher-aside:after {
        content: "";
        width: 35px;
        height: 34px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple,.uno-voucher.uno-voucher-get.uno-voucher-multiple .uno-voucher-aside {
        position: relative
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple .uno-voucher-aside:after {
        display: none
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple:after {
        content: "";
        width: 39px;
        height: 39px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_2.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 13px;
        right: 0
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple.uno-voucher-simple:after {
        display: none
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple.uno-voucher-simple .uno-voucher-aside {
        position: absolute
    }

    .uno-voucher.uno-voucher-get.uno-voucher-multiple.uno-voucher-simple .uno-voucher-aside:after {
        content: "";
        width: 35px;
        height: 34px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_3.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        right: 0
    }

    .uno-voucher .uno-voucher-aside.uno-voucher-get {
        position: relative
    }

    .uno-voucher .uno-voucher-aside.uno-voucher-get:after {
        content: "";
        width: 35px;
        height: 34px;
        display: block;
        background: url(/web/jinglisafe/assets/images/cps/tag_voucher_get_1.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0;
        right: 0
    }
}

.uno-voucher-wrap-tips {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    color: #0035b5;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 24px
}

.uno-voucher-wrap-tips-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/cps/voucher_icon_notice.svg);
    background-size: 100% 100%;
    vertical-align: -3px;
    position: absolute;
    top: 3px;
    left: 0
}

@media (max-width: 768px) {
    .uno-voucher-wrap-tips {
        margin-top:16px
    }
}

.uno-list {
    font-size: 0;
    line-height: 1;
    margin-top: 8px
}

.uno-list .uno-item {
    color: #4b5b76;
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 22px
}

.uno-list .uno-item>.uno-icon:first-child {
    position: absolute;
    top: 3px;
    left: 0
}

.uno-list .uno-item-defect {
    color: #97a3b7
}

.uno-list .uno-item-list {
    padding-left: 16px
}

@media screen and (min-width: 769px) {
    .uno-list .uno-item:not(:first-child) {
        margin-top:8px
    }

    .uno-list .uno-item.uno-item-inline {
        display: inline-block;
        margin-right: 24px;
        margin-top: 0
    }
}

@media screen and (max-width: 769px) {
    .uno-list {
        margin-top:12px
    }

    .uno-list .uno-item:not(:first-child) {
        margin-top: 8px
    }

    .uno-list .uno-item-inline {
        display: block;
        margin-top: 8px
    }
}

@media screen and (min-width: 769px) {
    .uno-share-dialog {
        max-width:660px!important;
        width: 660px;
        height: 362px
    }

    .uno-share-dialog .uno-share-dialog-mobile-icon {
        display: none
    }

    .uno-share-dialog .uno-dialog-body {
        padding-bottom: 0!important
    }

    .uno-share-dialog .uno-share-dialog-tit {
        margin-top: 44px;
        font-weight: 700;
        font-size: 18px;
        color: #000;
        text-align: center;
        line-height: 26px
    }

    .uno-share-dialog .uno-share-dialog-link-box {
        margin: 24px auto 0;
        text-align: center;
        width: 540px;
        height: 36px
    }

    .uno-share-dialog .uno-share-dialog-link {
        width: 460px
    }

    .uno-share-dialog .uno-share-dialog-copy-btn {
        min-width: 80px!important;
        width: 80px
    }

    .uno-share-dialog .uno-share-dialog-back-btn {
        margin-top: 12px;
        max-width: 150px!important;
        width: 150px
    }

    .uno-share-dialog .uno-share-dialog-share-box {
        margin-top: 24px;
        text-align: center
    }

    .uno-share-dialog .uno-share-dialog-share-box-text {
        display: inline-block;
        margin-right: 4px
    }

    .uno-share-dialog .uno-share-dialog-share-img {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        cursor: pointer
    }

    .uno-share-dialog .uno-share-dialog-share-img:nth-child(n+2) {
        margin-left: 12px
    }

    .uno-share-dialog .uno-share-dialog-share-img-wx {
        background-image: url(/web/jinglisafe/assets/images/cps/share_dialog_icon_weixin.png)
    }

    .uno-share-dialog .uno-share-dialog-share-img-qq {
        background-image: url(/web/jinglisafe/assets/images/cps/share_dialog_icon_qq.png)
    }

    .uno-share-dialog .uno-share-dialog-share-img-qqzone {
        background-image: url(/web/jinglisafe/assets/images/cps/share_dialog_icon_qqzone.png)
    }

    .uno-share-dialog .uno-share-dialog-share-img-wb {
        background-image: url(/web/jinglisafe/assets/images/cps/share_dialog_icon_weibo.png)
    }

    .uno-share-dialog-tooltip-box .uno-share-dialog-tooltip-img {
        height: 100px;
        width: 100px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        vertical-align: middle;
        margin-right: 20px
    }

    .uno-share-dialog-tooltip-box .uno-tooltip-item {
        display: inline-block;
        vertical-align: middle
    }

    .uno-share-dialog-tooltip-box .uno-tooltip-item-tit {
        margin-bottom: 4px;
        color: #181818
    }

    .uno-share-dialog-tooltip-box .uno-tooltip-item-con {
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .uno-share-dialog .uno-dialog-body {
        text-align:center;
        font-size: 18px;
        line-height: 26px;
        color: #000;
        margin-top: 25px;
        font-weight: 600
    }

    .uno-share-dialog-wechat {
        min-width: 230px;
        background-color: transparent;
        width: 230px;
        height: 160px;
        top: 0;
        right: 0;
        left: auto;
        bottom: auto
    }

    .uno-share-dialog-wechat .uno-dialog-footer,.uno-share-dialog-wechat .uno-dialog-header,.uno-share-dialog-wechat .uno-share-dialog-link-box,.uno-share-dialog-wechat .uno-share-dialog-share-box,.uno-share-dialog-wechat .uno-share-dialog-tit {
        display: none
    }

    .uno-share-dialog-wechat .uno-share-dialog-wechat-icon {
        display: block;
        position: absolute;
        top: 0;
        right: 0
    }
}

.uno-tooltip {
    display: inline-block
}

.uno-tooltip-hidden {
    display: none
}

.uno-tooltip-placement-top .uno-tooltip-inner:before {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,50%,0) rotate(-45deg);
    transform: translate3d(-50%,50%,0) rotate(-45deg)
}

.uno-tooltip-placement-right .uno-tooltip-inner:before {
    bottom: 50%;
    left: 0;
    -webkit-transform: translate3d(-50%,50%,0) rotate(45deg);
    transform: translate3d(-50%,50%,0) rotate(45deg)
}

.uno-tooltip-placement-bottom .uno-tooltip-inner:before {
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0) rotate(135deg);
    transform: translate3d(-50%,-50%,0) rotate(135deg)
}

.uno-tooltip-placement-left .uno-tooltip-inner:before {
    bottom: 50%;
    right: 0;
    -webkit-transform: translate3d(50%,50%,0) rotate(-135deg);
    transform: translate3d(50%,50%,0) rotate(-135deg)
}

.uno-tooltip-placement-topRight .uno-tooltip-inner:before {
    bottom: 0;
    right: 20px;
    -webkit-transform: translate3d(0,50%,0) rotate(-45deg);
    transform: translate3d(0,50%,0) rotate(-45deg)
}

.uno-tooltip-placement-topLeft .uno-tooltip-inner:before {
    bottom: 0;
    left: 20px;
    -webkit-transform: translate3d(0,50%,0) rotate(-45deg);
    transform: translate3d(0,50%,0) rotate(-45deg)
}

.uno-tooltip-placement-bottomRight .uno-tooltip-inner:before {
    top: 0;
    right: 20px;
    -webkit-transform: translate3d(0,-50%,0) rotate(135deg);
    transform: translate3d(0,-50%,0) rotate(135deg)
}

.uno-tooltip-placement-bottomLeft .uno-tooltip-inner:before {
    top: 0;
    left: 20px;
    -webkit-transform: translate3d(0,-50%,0) rotate(135deg);
    transform: translate3d(0,-50%,0) rotate(135deg)
}

.uno-tooltip-placement-leftTop .uno-tooltip-inner:before {
    top: 20px;
    right: 0;
    -webkit-transform: translate3d(50%,0,0) rotate(-135deg);
    transform: translate3d(50%,0,0) rotate(-135deg)
}

.uno-tooltip-placement-leftBottom .uno-tooltip-inner:before {
    bottom: 20px;
    right: 0;
    -webkit-transform: translate3d(50%,0,0) rotate(-135deg);
    transform: translate3d(50%,0,0) rotate(-135deg)
}

.uno-tooltip-placement-rightTop .uno-tooltip-inner:before {
    top: 20px;
    left: 0;
    -webkit-transform: translate3d(-50%,0,0) rotate(45deg);
    transform: translate3d(-50%,0,0) rotate(45deg)
}

.uno-tooltip-placement-rightBottom .uno-tooltip-inner:before {
    bottom: 20px;
    left: 0;
    -webkit-transform: translate3d(-50%,0,0) rotate(45deg);
    transform: translate3d(-50%,0,0) rotate(45deg)
}

.uno-tooltip-inner {
    color: #181818;
    position: relative;
    display: inline-block;
    min-width: 310px;
    max-width: 600px;
    padding: 16px 20px;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    word-wrap: break-word;
    z-index: 1300;
    font-size: 14px;
    line-height: 22px
}

.uno-tooltip-inner:before {
    position: absolute;
    width: 12px;
    height: 12px;
    content: "";
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

div[class*=uno-tooltip-placement-top] .uno-tooltip-inner:before {
    background: #fff
}

div[class*=uno-tooltip-placement-bottom] .uno-tooltip-inner:before {
    background: #f3f5f8
}

div[class*=uno-tooltip-placement-left] .uno-tooltip-inner:before,div[class*=uno-tooltip-placement-right] .uno-tooltip-inner:before {
    background: #fafafa
}

.uno-tooltip a {
    color: #0052d9
}

.uno-tooltip a:hover {
    color: #001f97
}

.uno-tooltip-tit {
    margin-bottom: 12px
}

.uno-tooltip-item-tit,.uno-tooltip-tit {
    font-size: 14px;
    line-height: 22px;
    color: #181818;
    font-weight: 500
}

.uno-tooltip-item-con {
    font-size: 12px;
    line-height: 18px;
    line-height: 20px;
    font-weight: 400;
    color: #4b5b76;
    margin-top: 8px
}

.uno-tooltip-item+.uno-tooltip-item {
    margin-top: 16px
}

.uno-page-width-dialog .uno-tooltip-inner {
    color: #181818;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff
}

.uno-page-width-dialog .uno-tooltip-inner a {
    color: #0052d9
}

.uno-page-width-dialog .uno-tooltip-inner a:hover {
    color: #001f97
}

.uno-page-width-dialog .uno-tooltip-inner:before {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff
}

.uno-page-width-dialog div[class*=uno-tooltip-placement-top] .uno-tooltip-inner:before {
    background: #fff
}

.uno-page-width-dialog div[class*=uno-tooltip-placement-bottom] .uno-tooltip-inner:before {
    background: #f3f5f8
}

.uno-page-width-dialog div[class*=uno-tooltip-placement-left] .uno-tooltip-inner:before,.uno-page-width-dialog div[class*=uno-tooltip-placement-right] .uno-tooltip-inner:before {
    background: #fafafa
}

.uno-page-width-dialog .uno-tooltip-item-tit,.uno-page-width-dialog .uno-tooltip-tit {
    color: #181818
}

.uno-page-width-dialog .uno-tooltip-item-con {
    color: #4b5b76
}

.uno-tooltip-qrcode-wrap {
    font-size: 0
}

.uno-tooltip-qrcode-wrap .uno-tooltip-qrcode-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #fff;
    box-shadow: 8px 8px 20px rgba(55,99,170,.1),-8px -8px 20px #fff;
    padding: 8px;
    vertical-align: middle
}

.uno-tooltip-qrcode-wrap .uno-tooltip-qrcode-img img {
    width: 100%;
    height: 100%
}

.uno-tooltip-qrcode-wrap .uno-tooltip-qrcode-desc {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
    width: calc(100% - 116px)
}

.uno-bubble-trigger {
    color: #181818;
    border-bottom: 1px dashed #181818;
    cursor: pointer;
    font-size: inherit
}

.uno-bubble-trigger:hover {
    color: #777;
    border-color: #777
}

.uno-action {
    color: #0052d9;
    font-size: inherit;
    cursor: pointer
}

@media screen and (min-width: 769px) {
    .uno-action:hover {
        color:#001f97
    }
}

.uno-text-normal {
    color: #0052d9
}

.uno-text-primary {
    color: #181818
}

.uno-text-secondary {
    color: #4b5b76
}

.uno-text-disabled {
    color: #97a3b7
}

.uno-text-buy {
    color: #ff7800
}

.uno-text-strong {
    font-weight: 600
}

.uno-text-success {
    color: #0cbf5b
}

.uno-text-highlight,.uno-text-warn {
    color: #f64041
}

.uno-share-tag {
    left: -4px;
    top: -12px;
    height: 24px;
    background: -webkit-linear-gradient(left,#006fff,#0065e0 45%,#0052d9);
    background: linear-gradient(90deg,#006fff,#0065e0 45%,#0052d9);
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    padding: 0 6px
}

.uno-share-tag,.uno-share-tag:before {
    display: inline-block;
    position: absolute
}

.uno-share-tag:before {
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    top: 50%;
    right: -6px;
    border-color: #0052d9 transparent;
    border-style: solid;
    border-width: 12px 6px;
    margin-top: -12px
}

.uno-share-tip {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-top: 12px
}

@media screen and (min-width: 769px) {
    .uno-share {
        position:relative;
        padding-right: 290px;
        border: 1px solid #e6e9f2;
        box-shadow: 0 2px 8px 0 rgba(119,123,166,.1)
    }

    .uno-share .uno-icon-info {
        margin-left: 4px
    }

    .uno-share-lt {
        text-align: center;
        min-height: 134px;
        padding: 30px 22px;
        position: relative
    }

    .uno-share-lt-text {
        font-size: 14px;
        line-height: 22px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        max-width: calc(100% - 100px);
        width: 100%;
        color: #4b5b76
    }

    .uno-share-lt-list {
        width: 100%;
        display: table;
        text-align: left
    }

    .uno-share-rt {
        width: 290px;
        right: -1px;
        top: -1px;
        height: calc(100% + 2px);
        padding: 20px;
        background: #0052d9;
        position: absolute
    }

    .uno-share-rt:before {
        content: "";
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        width: 0
    }

    .uno-share-rt .uno-button {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .uno-share-box {
        display: table-cell;
        height: 100%;
        position: relative;
        padding: 0 5px 0 20px
    }

    .uno-share-box:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background-color: #d6dbe3
    }

    .uno-share-box:last-child:before {
        display: none
    }

    .uno-share-box-tit {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-share-box-con {
        margin-top: 12px
    }

    .uno-share-box-num {
        font-size: 32px;
        line-height: 40px;
        color: #181818
    }

    .uno-share-box-unit {
        font-size: 14px;
        line-height: 22px;
        margin-left: 8px;
        color: #181818
    }

    .uno-share-box .uno-link {
        margin-left: 24px;
        font-size: 14px
    }
}

@media screen and (max-width: 768px) {
    .uno-share {
        position:relative;
        padding: 20px;
        border: 1px solid #e6e9f2
    }

    .uno-share .uno-icon-info {
        margin-left: 4px
    }

    .uno-share-lt-list {
        display: table;
        width: 100%
    }

    .uno-share-box {
        padding-top: 10px;
        font-size: 0
    }

    .uno-share-box:first-child {
        padding-top: 0
    }

    .uno-share-box-tit {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-share-box-con,.uno-share-box-tit {
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

    .uno-share-box-con {
        font-size: 0;
        text-align: right
    }

    .uno-share-box-num,.uno-share-box-unit {
        font-size: 14px;
        line-height: 22px;
        color: #181818
    }

    .uno-share-box-unit {
        margin-left: 8px
    }

    .uno-share-box .uno-link {
        margin-left: 24px;
        font-size: 14px
    }

    .uno-share-lt-text {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-share-rt .uno-button {
        width: 100%;
        margin-top: 36px
    }

    .uno-share-box {
        position: relative
    }

    .uno-share-box .uno-link {
        position: absolute;
        margin-left: 0;
        left: 0;
        height: 24px;
        display: block
    }
}

.uno-rule-con {
    font-size: 14px;
    line-height: 22px
}

.uno-rule-col {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px)
}

.uno-rule-col:first-child {
    margin-right: 40px
}

.uno-rule-panel {
    padding: 0 0 16px
}

.uno-rule-panel+.uno-rule-panel {
    margin-top: 16px
}

.uno-rule-panel-tit {
    font-size: 0;
    line-height: 1
}

.uno-rule-panel-tit-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px
}

.uno-rule-panel-tit-text {
    font-size: 18px;
    line-height: 26px;
    color: #181818;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500
}

.uno-rule-panel-con {
    padding-top: 12px
}

.uno-rule-box+.uno-rule-box {
    margin-top: 16px
}

.uno-rule-box-con {
    padding-top: 8px
}

.uno-rule-box-tit {
    font-size: 16px;
    line-height: 24px;
    color: #181818
}

.uno-rule-text {
    font-size: 14px;
    line-height: 22px;
    line-height: 26px;
    color: #4b5b76;
    word-break: break-all
}

.uno-rule-text .uno-list {
    margin-top: 0
}

.uno-rule .uno-list .uno-item {
    font-size: 14px;
    line-height: 22px;
    line-height: 26px;
    color: #4b5b76
}

.uno-rule .uno-list .uno-item:not(:first-child) {
    margin-top: 0
}

.uno-rule .uno-rule-btn {
    margin: 12px auto 0;
    height: 48px;
    width: 328px;
    font-size: 16px;
    line-height: 24px;
    line-height: 48px;
    color: #181818;
    text-align: center
}

.uno-rule .uno-rule-btn .uno-rule-btn-icon {
    margin-left: 4px;
    height: 16px;
    width: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/cps/rule_btn_icon_unfold.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: middle
}

.uno-rule .uno-rule-btn-text {
    vertical-align: middle
}

.uno-rule .uno-rule-btn:hover {
    cursor: pointer
}

.uno-rule .uno-rule-btn-packup .uno-rule-btn-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media screen and (max-width: 768px) {
    .uno-rule-btn {
        margin:4px auto 0
    }

    .uno-rule-col {
        display: block;
        width: 100%
    }

    .uno-rule-col+.uno-rule-col {
        margin-top: 20px
    }

    .uno-rule-col:first-child {
        margin-right: 0
    }

    .uno-rule-panel {
        padding: 0
    }

    .uno-rule-panel+.uno-rule-panel {
        margin-top: 20px
    }

    .uno-rule-box+.uno-rule-box {
        margin-top: 16px
    }
}

.uno-dialog .uno-rule {
    width: 558px;
    padding-bottom: 12px
}

.uno-dialog .uno-rule .uno-list .uno-item {
    color: #4b5b76
}

.uno-dialog .uno-rule-col {
    display: block;
    width: 100%
}

.uno-dialog .uno-rule-col:first-child {
    margin-right: 0
}

.uno-dialog .uno-rule-box-tit,.uno-dialog .uno-rule-panel-tit-text {
    color: #181818
}

.uno-dialog .uno-rule-box-text {
    color: #4b5b76
}

@media screen and (max-width: 768px) {
    .uno-dialog .uno-rule {
        width:100%
    }
}

.uno-cbuy-ml-10 {
    margin-left: 10px
}

.uno-cbuy-tit {
    font-size: 20px;
    color: #333;
    text-align: left;
    line-height: 28px
}

.uno-cbuy-hero {
    margin-top: 16px;
    font-size: 0
}

.uno-cbuy-hero-item {
    font-size: 0;
    display: inline-block;
    width: calc((100% - 20px)/2);
    padding: 12px 10px;
    background-image: -webkit-linear-gradient(left,#edf7ff,rgba(237,247,255,0));
    background-image: linear-gradient(90deg,#edf7ff,rgba(237,247,255,0));
    border-left: 1px solid #00a4ff
}

.uno-cbuy-hero-item:last-child {
    margin-left: 20px
}

.uno-cbuy-hero-tit {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 24px
}

.uno-cbuy-hero-ul {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    display: inline-block;
    width: calc((100% - 20px)/2);
    margin-top: 8px
}

.uno-cbuy-hero-li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.uno-cbuy-hero-li:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    background-color: #666
}

.uno-cbuy-hero-highlight {
    font-weight: 600;
    color: #151515
}

.uno-cbuy-pc {
    margin-top: 29px;
    height: 592px;
    width: 100%;
    background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_bg_baseboard.png)
}

.uno-cbuy-left,.uno-cbuy-pc {
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.uno-cbuy-left {
    float: left;
    width: 328px;
    height: 590px;
    background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_bg_left.png);
    margin-top: 1px;
    margin-left: 1px;
    position: relative;
    z-index: 20
}

.uno-cbuy-left-item {
    height: 82px;
    width: 300px;
    position: relative;
    padding: 16px 0 18px 15px;
    cursor: pointer
}

.uno-cbuy-left .uno-checkbox {
    top: 16px
}

.uno-cbuy-left-price {
    display: none
}

.uno-cbuy-left-item-selected>.uno-cbuy-left-price {
    display: block;
    font-size: 14px;
    color: #ff6000;
    text-align: right;
    line-height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 14px
}

.uno-cbuy-left-item-selected>.uno-cbuy-left-price span:nth-child(2) {
    display: inline-block;
    margin-left: 5px
}

.uno-cbuy-left-activechoose {
    display: none;
    font-size: 14px;
    text-align: right;
    line-height: 22px;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    right: 14px
}

.uno-cbuy-left-item-active {
    position: relative;
    background-image: -webkit-linear-gradient(left,#149eff,#0081ff);
    background-image: linear-gradient(90deg,#149eff,#0081ff)
}

.uno-cbuy-left-item-active .uno-checkbox-wrap-checked .uno-checkbox-inner {
    background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_icon_checked_white.svg)
}

.uno-cbuy-left-item-active>.uno-cbuy-left-activechoose {
    display: block;
    color: #fff
}

.uno-cbuy-left-item-active>.uno-cbuy-left-activechoose .uno-icon-link {
    color: #fff
}

.uno-cbuy-left-item-active>.uno-cbuy-left-price {
    display: none
}

.uno-cbuy-left-item {
    border-bottom: 1px solid #e1e4ec
}

.uno-cbuy-left-item-active:after {
    content: "";
    display: block;
    border-color: transparent transparent transparent #0081ff;
    border-style: solid;
    border-width: 41px 15px;
    top: 0;
    left: 300px;
    position: absolute;
    z-index: 30
}

.uno-cbuy-left-item-required:before {
    content: "";
    display: block;
    width: 42px;
    height: 20px;
    position: absolute;
    background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_icon_required.svg);
    background-repeat: no-repeat;
    background-size: 42px 20px;
    top: -4px;
    left: -1px
}

.uno-cbuy-left-name {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    text-align: left;
    line-height: 24px;
    vertical-align: middle
}

.uno-cbuy-left-versions {
    font-size: 12px;
    color: hsla(0,0%,40%,.8);
    letter-spacing: 0;
    line-height: 18px;
    vertical-align: middle
}

.uno-cbuy-left-item-active .uno-cbuy-left-name,.uno-cbuy-left-item-active .uno-cbuy-left-versions {
    color: #fff
}

.uno-cbuy-main {
    float: left;
    width: 615px;
    height: 100%;
    margin-left: -25px;
    position: relative;
    z-index: 10;
    padding: 20px 29px
}

.uno-cbuy-main-realprice {
    font-size: 24px;
    color: #ff6000;
    letter-spacing: 0;
    line-height: 33px
}

.uno-cbuy-main-currency {
    font-size: 14px;
    color: #ff6000;
    letter-spacing: 0;
    line-height: 33px;
    margin-left: 5px
}

.uno-cbuy-main-originalprice {
    display: inline-block;
    margin-left: 8px;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px
}

.uno-cbuy-main-btn {
    width: 160px;
    position: absolute;
    margin-left: -80px;
    left: 50%;
    bottom: 30px
}

.uno-cbuy-right {
    width: 257px;
    height: 377px;
    float: right;
    background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_bg_totalbill.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 22px 20px 30px;
    position: relative
}

.uno-cbuy-right-tit {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 24px;
    position: relative
}

.uno-cbuy-right-tit:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 3px;
    width: 30px;
    background-color: #00a4ff;
    border-radius: 1.5px
}

.uno-cbuy-right-buy-btn {
    width: 216px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -108px
}

.uno-cbuy-right-singleprice {
    margin-top: 20px;
    line-height: 0
}

.uno-cbuy-right-singleprice .uno-cbuy-right-item:nth-child(n+2) {
    margin-top: 12px
}

.uno-cbuy-right-singleprice .uno-cbuy-right-name {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    letter-spacing: 0;
    line-height: 22px
}

.uno-cbuy-right-singleprice .uno-cbuy-right-price {
    font-size: 14px;
    color: #ff6000;
    letter-spacing: 0;
    line-height: 22px
}

.uno-cbuy-right-singleprice .uno-cbuy-right-nodbtip {
    margin-top: 12px;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px
}

.uno-cbuy-right-totalprice {
    position: absolute;
    width: calc(100% - 40px);
    top: 225px
}

.uno-cbuy-right-discounts {
    line-height: 0
}

.uno-cbuy-right-discounts-name {
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 24px
}

.uno-cbuy-right-discounts-price {
    font-size: 14px;
    color: #ff6000;
    text-align: right;
    line-height: 24px;
    float: right
}

.uno-cbuy-right-realprice {
    line-height: 0;
    margin-top: 14px
}

.uno-cbuy-right-realprice-name {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 24px
}

.uno-cbuy-right-realprice-price {
    font-weight: 600;
    font-size: 14px;
    color: #ff6000;
    text-align: right;
    line-height: 28px;
    float: right
}

.uno-cbuy-right-realprice-num {
    font-size: 20px
}

@media screen and (max-width: 768px) {
    .uno-cbuy .uno-section-inner {
        padding-bottom:0
    }

    .uno-cbuy-cbuy-mobile {
        padding-bottom: 24px
    }

    .uno-cbuy .uno-section-header {
        padding-top: 21px;
        padding-bottom: 17px
    }

    .uno-cbuy-tit {
        font-size: 18px;
        line-height: 26px
    }

    .uno-cbuy-hero {
        width: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

    .uno-cbuy-hero-item {
        width: 273px;
        padding: 10px 12px
    }

    .uno-cbuy-hero-item:last-child {
        margin-left: 14px
    }

    .uno-cbuy-hero-tit {
        font-size: 14px
    }

    .uno-cbuy-hero-ul {
        font-size: 12px;
        color: #666;
        line-height: 20px;
        display: block;
        width: 100%;
        margin-top: 4px
    }

    .uno-cbuy-hero-ul:last-child {
        margin-top: 0
    }

    .uno-cbuy-hero-li:before {
        content: "";
        display: inline-block;
        height: 2px;
        width: 2px;
        border-radius: 50%;
        margin-right: 10px;
        vertical-align: middle;
        background-color: #666
    }

    .uno-cbuy-hero-highlight {
        font-weight: 600;
        color: #151515
    }

    .uno-cbuy-hero::-webkit-scrollbar {
        display: none
    }

    .uno-cbuy-mobile {
        padding: 16px 0 24px
    }

    .uno-cbuy-mobile-tit {
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 22px
    }

    .uno-cbuy-mobile-item {
        background: #fff;
        border: 1px solid #e1e4ec;
        box-shadow: 0 4px 8px 0 rgba(89,99,127,.06);
        margin-top: 12px
    }

    .uno-cbuy-mobile-item-content {
        height: 68px;
        position: relative
    }

    .uno-cbuy-mobile-server {
        margin-top: 8px;
        position: relative
    }

    .uno-cbuy-mobile-server:before {
        content: "";
        display: block;
        width: 42px;
        height: 20px;
        background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_icon_required.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        top: -4px;
        left: -5px
    }

    .uno-cbuy-mobile .uno-checkbox {
        top: 27px;
        left: 12px
    }

    .uno-cbuy-mobile-info {
        vertical-align: middle;
        margin-top: 12px;
        padding-left: 40px;
        display: inline-block
    }

    .uno-cbuy-mobile-info .uno-checkbox-wrap {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
        padding-left: 0
    }

    .uno-cbuy-mobile-info .uno-checkbox-wrap .uno-checkbox {
        top: 0
    }

    .uno-cbuy-mobile-name {
        font-weight: 600;
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 22px
    }

    .uno-cbuy-mobile-versions {
        margin-top: 3px;
        font-size: 12px;
        color: #666;
        line-height: 18px
    }

    .uno-cbuy-mobile-price {
        float: right;
        vertical-align: middle;
        margin-right: 48px;
        margin-top: 23px;
        font-weight: 600;
        font-size: 14px;
        text-align: right;
        line-height: 22px;
        color: #999
    }

    .uno-cbuy-mobile-price span:nth-child(2),.uno-cbuy-mobile-price span:nth-child(3) {
        margin-left: 4px
    }

    .uno-cbuy-mobile-selected .uno-cbuy-mobile-price {
        color: #ff6000
    }

    .uno-cbuy-mobile-config {
        position: absolute;
        width: 20px;
        height: 20px;
        top: 50%;
        margin-top: -10px;
        right: 12px;
        background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_icon_config.svg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        cursor: pointer
    }

    .uno-cbuy-mobile-buy {
        margin-top: 16px
    }

    .uno-cbuy-mobile-discount {
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 22px
    }

    .uno-cbuy-mobile-discount span+span {
        margin-left: 10px;
        color: #00a4ff
    }

    .uno-cbuy-mobile-totalprice {
        margin-top: 4px;
        color: #ff6000
    }

    .uno-cbuy-mobile-totalprice-num {
        font-size: 24px;
        text-align: left;
        line-height: 32px
    }

    .uno-cbuy-mobile-totalprice-currency {
        font-size: 14px;
        text-align: left;
        line-height: 32px;
        margin-left: 4px
    }

    .uno-cbuy-mobile-totalprice-save {
        width: 64px;
        height: 20px;
        border: 1px solid #ff6000;
        text-align: center;
        font-size: 12px;
        line-height: 20px;
        margin-left: 8px;
        vertical-align: middle
    }

    .uno-cbuy-mobile-totalprice .uno-button {
        font-size: 14px;
        line-height: 22px
    }

    .uno-cbuy-mobile-parameter {
        display: none;
        width: 100%;
        background: #f4f9fd;
        padding: 12px 40px;
        font-size: 0;
        position: relative
    }

    .uno-cbuy-mobile-parameter p:nth-child(n+2) {
        margin-top: 4px
    }

    .uno-cbuy-mobile-parameter-item:nth-of-type(n+3) {
        display: none
    }

    .uno-cbuy-mobile-parameter-name {
        font-size: 12px;
        color: #666;
        display: inline-block;
        width: 48px
    }

    .uno-cbuy-mobile-parameter-value {
        font-size: 12px;
        color: #000;
        margin-left: 12px
    }

    .uno-cbuy-mobile-parameter-icon {
        position: absolute;
        width: 16px;
        height: 16px;
        top: 35px;
        right: 15px;
        background-image: url(/web/jinglisafe/assets/images/cps/combination_buy_icon_more.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .uno-cbuy-mobile-parameter-show .uno-cbuy-mobile-parameter-item:nth-of-type(n+3),.uno-cbuy-mobile-selected .uno-cbuy-mobile-parameter {
        display: block
    }

    .uno-cbuy-mobile-dialog-tit {
        position: relative
    }

    .uno-cbuy-mobile-dialog-tit:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -4px;
        left: 0;
        height: 3px;
        width: 30px;
        background-color: #00a4ff;
        border-radius: 1.5px
    }

    .uno-cbuy-mobile-dialog-singleprice {
        padding-top: 3px;
        padding-bottom: 16px;
        position: relative
    }

    .uno-cbuy-mobile-dialog-singleprice:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: #ddd
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-real {
        margin-top: 8px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-name {
        font-weight: 600;
        font-size: 14px;
        color: #000;
        letter-spacing: 0;
        line-height: 22px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-price {
        font-size: 14px;
        color: #ff6000;
        letter-spacing: 0;
        text-align: right;
        line-height: 22px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-price .uno-cbuy-mobile-dialog-num {
        margin-left: 4px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-discount {
        margin-top: 8px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-name {
        font-size: 14px;
        color: #666;
        letter-spacing: 0;
        line-height: 22px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-price {
        font-size: 14px;
        color: #666;
        letter-spacing: 0;
        text-align: right;
        line-height: 22px
    }

    .uno-cbuy-mobile-dialog-singleprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-price .uno-cbuy-mobile-dialog-num {
        margin-left: 4px
    }

    .uno-cbuy-mobile-dialog-totalprice {
        margin-top: 16px;
        margin-bottom: 18px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-real {
        margin-top: 14px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-name {
        font-weight: 600;
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 24px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-price {
        font-weight: 600;
        font-size: 14px;
        color: #ff6000;
        text-align: right;
        line-height: 28px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-real .uno-cbuy-mobile-dialog-price .uno-cbuy-mobile-dialog-num {
        margin-left: 4px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-discount {
        margin-top: 8px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-name {
        font-size: 14px;
        color: #333;
        text-align: left;
        line-height: 24px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-price {
        font-size: 14px;
        color: #666;
        text-align: right;
        line-height: 24px
    }

    .uno-cbuy-mobile-dialog-totalprice .uno-cbuy-mobile-dialog-discount .uno-cbuy-mobile-dialog-price .uno-cbuy-mobile-dialog-num {
        margin-left: 4px
    }
}

@media screen and (min-width: 769px) {
    .uno-cbuy-left-info {
        width:calc(100% - 100px);
        position: absolute;
        left: 15px;
        top: 16px;
        padding-left: 32px
    }

    .uno-cbuy-left-name,.uno-cbuy-left-versions {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-cbuy-left-versions {
        margin-top: 6px
    }

    .uno-cbuy-left-item .uno-checkbox-wrap {
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -8px;
        padding-left: 0
    }

    .uno-cbuy-left-item .uno-checkbox-wrap .uno-checkbox {
        top: 0
    }
}

.uno-secondtit-tit {
    font-size: 24px;
    line-height: 32px;
    color: #333;
    font-weight: 400
}

.uno-secondtit-sub-tit {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    margin-top: 8px
}

.uno-secondtit-sub-tit .uno-link {
    color: #00a4ff
}

.uno-secondtit-sub-tit .uno-link:hover {
    color: #08f
}

.uno-secondtit-sub-tit .uno-action {
    color: #333
}

.uno-secondtit-sub-tit .uno-action:hover {
    color: #000
}

.uno-secondtit-sub-tit .uno-bubble-trigger {
    color: #333;
    border-color: #333
}

.uno-secondtit-sub-tit .uno-bubble-trigger:hover {
    color: #000;
    border-color: #000
}

.uno-secondtit {
    padding-top: 60px;
    padding-bottom: 24px
}

.uno-secondtit .uno-list .uno-item {
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 769px) {
    .uno-secondtit-sub-tit .uno-action,.uno-secondtit-sub-tit .uno-bubble-trigger,.uno-secondtit-sub-tit .uno-link {
        margin-left:8px
    }
}

@media screen and (max-width: 768px) {
    .uno-secondtit-tit {
        font-size:20px;
        line-height: 28px
    }

    .uno-secondtit-sub-tit {
        font-size: 14px;
        line-height: 22px;
        margin-top: 4px
    }

    .uno-secondtit-sub-tit .uno-action,.uno-secondtit-sub-tit .uno-bubble-trigger,.uno-secondtit-sub-tit .uno-link {
        margin-left: 6px
    }

    .uno-secondtit .uno-list .uno-item {
        font-size: 14px;
        line-height: 22px
    }

    .uno-secondtit .uno-secondtit {
        padding-top: 24px;
        padding-bottom: 12px
    }
}

.uno-pageskipnav {
    position: relative;
    z-index: 10
}

.uno-pageskipnav .uno-pageskipnav-list-4 .uno-pageskipnav-item {
    width: 25%;
    height: 100%
}

.uno-pageskipnav .uno-pageskipnav-list-3 .uno-pageskipnav-item {
    width: 33.33%;
    height: 100%
}

.uno-pageskipnav .uno-pageskipnav-list-2 .uno-pageskipnav-item {
    width: 50%;
    height: 100%
}

.uno-pageskipnav .uno-pageskipnav-inner {
    height: 100%;
    font-size: 0
}

@media screen and (min-width: 769px) {
    .uno-pageskipnav {
        width:1180px;
        height: 92px;
        margin: -40px auto 0;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        position: relative
    }

    .uno-pageskipnav .uno-pageskipnav-item {
        position: relative;
        display: inline-block;
        color: #181818;
        vertical-align: top
    }

    .uno-pageskipnav .uno-pageskipnav-item:hover {
        color: #0052d9
    }

    .uno-pageskipnav .uno-pageskipnav-item:nth-child(n+2):after {
        content: "";
        position: absolute;
        width: 1px;
        height: 48px;
        background-color: #d6dbe3;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-pageskipnav img {
        position: absolute;
        top: 22px;
        width: 48px;
        height: 48px
    }

    .uno-pageskipnav .uno-pageskipnav-content {
        display: inline-block;
        margin-left: 60px;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left
    }

    .uno-pageskipnav .uno-pageskipnav-tit-pc {
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        letter-spacing: 0;
        overflow: hidden;
        height: 26px
    }

    .uno-pageskipnav .uno-pageskipnav-subtit-pc {
        margin-top: 4px;
        font-size: 14px;
        color: #4b5b76;
        letter-spacing: 0;
        line-height: 22px;
        height: 22px;
        overflow: hidden
    }

    .uno-pageskipnav-list-4 .uno-pageskipnav-item {
        padding-left: 24px
    }

    .uno-pageskipnav-list-4 .uno-pageskipnav-tit-pc {
        max-width: 180px
    }

    .uno-pageskipnav-list-4 .uno-pageskipnav-subtit-pc {
        max-width: 168px
    }

    .uno-pageskipnav-list-3 .uno-pageskipnav-item {
        padding-left: 36px
    }

    .uno-pageskipnav-list-2 .uno-pageskipnav-item {
        padding-left: auto;
        text-align: center
    }

    .uno-pageskipnav-list-3 .uno-pageskipnav-tit-pc {
        max-width: 252px
    }

    .uno-pageskipnav-list-3 .uno-pageskipnav-subtit-pc {
        max-width: 224px
    }
}

@media screen and (max-width: 768px) {
    .uno-pageskipnav {
        width:calc(100% - 32px);
        height: 80px;
        margin: -12px auto 0;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        position: relative
    }

    .uno-pageskipnav .uno-pageskipnav-item {
        position: relative;
        display: inline-block;
        color: #181818;
        vertical-align: top;
        text-align: center
    }

    .uno-pageskipnav .uno-pageskipnav-item:nth-child(n+2):after {
        content: "";
        position: absolute;
        width: 1px;
        height: 30px;
        background: #d6dbe3;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-pageskipnav img {
        width: 32px;
        height: 32px;
        margin-top: 10px
    }

    .uno-pageskipnav .uno-pageskipnav-tit-m {
        margin: 4px auto 0;
        font-size: 14px;
        letter-spacing: 0;
        text-align: center;
        line-height: 22px;
        max-width: 70px;
        max-height: 22px;
        overflow: hidden
    }
}

@media (min-width: 769px) {
    .uno-scenebuy-inner {
        width:1180px;
        margin: auto
    }

    .uno-scenebuy.uno-scenebuy-packup .uno-grid-row:nth-child(n+2) {
        display: none
    }

    .uno-scenebuy.uno-scenebuy-packup .uno-scenebuy-head,.uno-scenebuy.uno-scenebuy-packup .uno-scenebuy-head-img {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 320px 320px;
        background-position: 70px calc(100% + 20px)
    }

    .uno-scenebuy.uno-scenebuy-packup .uno-scenebuy-head-img {
        width: 100%;
        height: 100%;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/scene_buy_cvm_img.png)
    }

    .uno-scenebuy-inner {
        position: relative
    }

    .uno-scenebuy-head {
        width: 440px;
        top: 10px;
        padding: 0 161px 0 0;
        background-size: 400px 400px;
        background-position: 40px calc(100% + 30px)
    }

    .uno-scenebuy-head,.uno-scenebuy-head-img {
        height: 100%;
        position: absolute;
        background-repeat: no-repeat
    }

    .uno-scenebuy-head-img {
        width: 100%;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/scene_buy_cvm_img.png);
        background-size: 320px 320px;
        background-position: 70px calc(100% + 20px)
    }

    .uno-scenebuy-head-wrap {
        height: 100%;
        position: relative;
        z-index: 1
    }

    .uno-scenebuy-head-tit {
        font-weight: 500;
        color: #181818;
        font-size: 24px;
        line-height: 32px;
        white-space: nowrap;
        word-break: keep-all
    }

    .uno-scenebuy-head-subtit,.uno-scenebuy-head-tit {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-scenebuy-head-subtit {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        color: #4b5b76
    }

    .uno-scenebuy-head-desc {
        margin-top: 16px;
        max-height: 142px;
        overflow: hidden
    }

    .uno-scenebuy-head-desc .uno-item-list {
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-scenebuy-head-btn {
        width: 144px;
        height: 36px;
        color: #181818;
        border: 1px solid #98a3b7;
        box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5);
        background: #fff;
        text-align: center;
        font-size: 0;
        position: absolute;
        bottom: 42px
    }

    .uno-scenebuy-head-btn-text {
        font-size: 14px;
        line-height: 36px;
        vertical-align: middle
    }

    .uno-scenebuy-head-btn-icon {
        margin-left: 4px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/icon_unfold.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        vertical-align: middle
    }

    .uno-scenebuy-head-btn:hover {
        background: #fff;
        cursor: pointer;
        color: #0052d9;
        border: 1px solid #0052d9
    }

    .uno-scenebuy-head-btn:hover .uno-scenebuy-head-btn-icon {
        background-image: url(/web/jinglisafe/assets/images/cps/icon_unfold_hover.svg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno-scenebuy-head-btn-packup .uno-scenebuy-head-btn-icon {
        margin-left: 4px;
        height: 16px;
        width: 16px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/icon_unfold.svg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        background-repeat: no-repeat;
        background-size: 100%;
        vertical-align: middle
    }

    .uno-scenebuy-head-btn-packup:hover .uno-scenebuy-head-btn-icon {
        background-image: url(/web/jinglisafe/assets/images/cps/icon_unfold_hover.svg);
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .uno-scenebuy-body {
        min-height: 300px;
        width: calc(100% - 297px);
        margin-left: 297px;
        position: relative;
        padding-left: 2px
    }

    .uno-scenebuy-body-wrap {
        height: 100%;
        width: 100%
    }
}

@media (max-width: 768px) {
    .uno-scenebuy-inner {
        width:100%
    }

    .uno-scenebuy-head {
        position: relative;
        overflow: hidden;
        background-position: calc(100% + 70px) calc(100% + 36px)
    }

    .uno-scenebuy-head,.uno-scenebuy-head-img {
        background-repeat: no-repeat;
        background-size: 220px 220px
    }

    .uno-scenebuy-head-img {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/scene_buy_cvm_img.png);
        background-position: calc(100% + 60px) 40px
    }

    .uno-scenebuy-head:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8)
    }

    .uno-scenebuy-head-wrap {
        padding: 16px;
        min-height: 120px;
        position: relative;
        z-index: 20
    }

    .uno-scenebuy-head-tit {
        font-weight: 500;
        font-size: 16px;
        color: #181818;
        line-height: 24px;
        max-width: calc(100% - 84px);
        white-space: nowrap;
        word-break: keep-all
    }

    .uno-scenebuy-head-subtit,.uno-scenebuy-head-tit {
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-scenebuy-head-subtit {
        margin-top: 8px;
        font-size: 14px;
        color: #4b5b76;
        line-height: 22px;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-scenebuy-head-desc {
        margin-top: 12px
    }

    .uno-scenebuy-head-desc .uno-item-list {
        color: #4b5b76;
        max-width: calc(100% - 100px)
    }

    .uno-scenebuy-body {
        padding: 0 16px
    }
}

.uno-tags {
    height: 18px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 2px
}

.uno-tags-normal {
    padding: 0 4px;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #ff7200;
    color: #ff7200;
    background: #fff
}

.uno-tags-discount {
    font-size: 0
}

.uno-tags-discount-text {
    line-height: 16px;
    border: 1px solid #ff7200;
    color: #ff7200;
    box-sizing: border-box
}

.uno-tags-discount-num,.uno-tags-discount-text {
    padding: 0 4px;
    font-size: 12px;
    display: inline-block
}

.uno-tags-discount-num {
    line-height: 18px;
    background: #ff7200;
    color: #fff
}

.uno-tags-hot {
    padding: 3px 6px 3px 4px;
    height: 18px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    color: #fff;
    background: #ff7200;
    border-radius: 4px;
    margin-left: 4px
}

.uno-tags-hot:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background-color: #ff7200;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -3px;
    top: 6px
}

.uno-tags-new {
    padding: 3px 6px 3px 4px;
    height: 18px;
    font-size: 12px;
    line-height: 12px;
    color: #ff7200;
    background: #fff;
    border: 1px solid #ff7200;
    border-radius: 4px;
    margin-left: 4px
}

.uno-tags-new:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -4px;
    top: 5px;
    border-bottom: 1px solid #ff7200;
    border-left: 1px solid #ff7200
}

.uno-tags-company {
    padding: 3px 6px 3px 4px;
    height: 18px;
    font-size: 12px;
    line-height: 12px;
    color: #0052d9;
    background: #fff;
    border: 1px solid #0052d9;
    border-radius: 4px;
    margin-left: 4px
}

.uno-tags-company:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid #0052d9;
    border-left: 1px solid #0052d9;
    left: -4px;
    top: 5px
}

.uno-tags-user-type {
    padding: 2px 6px 2px 5px;
    height: 22px;
    line-height: 18px;
    font-size: 12px;
    color: #ff7200;
    background: #fff;
    border: 1px solid #ff7200;
    margin-left: 4px;
    border-radius: 4px
}

.uno-tags-user-type:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    position: absolute;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -4px;
    top: 7px;
    border-bottom: 1px solid #ff7200;
    border-left: 1px solid #ff7200
}

@media (min-width: 769px) {
    .uno-tabs-label-2 .uno-tabs-label-item {
        width:50%
    }

    .uno-tabs-label-3 .uno-tabs-label-item {
        width: 33.33333%;
        width: calc((100% - 1px)/3)
    }

    .uno-tabs-label-tit {
        max-width: 292px;
        margin: 0 auto
    }

    .uno-tabs-label-subtit {
        max-width: 292px;
        margin: 4px auto 0
    }

    .uno-tabs-label-4 .uno-tabs-label-item {
        width: 25%
    }

    .uno-tabs-label-5 .uno-tabs-label-item {
        width: 20%;
        width: calc((100% - 1px)/5)
    }

    .uno-tabs-label-6 .uno-tabs-label-item {
        width: 16.66667%
    }

    .uno-tabs-label-7 .uno-tabs-label-item {
        width: 14.28571%;
        width: calc((100% - 1px)/7)
    }

    .uno-tabs-label-8 .uno-tabs-label-item {
        width: 12.5%
    }

    .uno-tabs-label-9 .uno-tabs-label-item {
        width: 11.11111%;
        width: calc((100% - 1px)/9)
    }

    .uno-tabs-label-10 .uno-tabs-label-item {
        width: 10%
    }

    .uno-tabs-label {
        width: 1180px;
        margin: auto;
        position: relative
    }

    .uno-tabs-label-item {
        text-align: center;
        padding: 12px 20px;
        display: inline-block;
        position: relative;
        font-size: 0
    }

    .uno-tabs-label-item-active .uno-tabs-label-tit {
        color: #0052d9;
        font-weight: 500
    }

    .uno-tabs-label-item-active .uno-tabs-label-subtit {
        color: #0052d9;
        font-weight: 400
    }

    .uno-tabs-label-item-active:after {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        background: #0052d9;
        bottom: 0;
        left: 0;
        z-index: 10
    }

    .uno-tabs-label-item:hover {
        cursor: pointer
    }

    .uno-tabs-label-item:hover .uno-tabs-label-subtit,.uno-tabs-label-item:hover .uno-tabs-label-tit {
        color: #0052d9;
        font-weight: 500
    }

    .uno-tabs-label-item.uno-tabs-label-item-disabled {
        cursor: not-allowed;
        pointer-events: none
    }

    .uno-tabs-label-item.uno-tabs-label-item-disabled .uno-tabs-label-subtit,.uno-tabs-label-item.uno-tabs-label-item-disabled .uno-tabs-label-tit {
        color: #97a3b7
    }

    .uno-tabs-label-item.uno-tabs-label-item-disabled:after {
        display: none
    }

    .uno-tabs-label-tit {
        display: inline-block;
        font-size: 16px;
        line-height: 24px
    }

    .uno-tabs-label-subtit,.uno-tabs-label-tit {
        color: #4b5b76;
        width: 100%;
        overflow: hidden;
        white-space: nowrap
    }

    .uno-tabs-label-subtit {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px
    }

    .uno-tabs-content {
        background: #fff;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11);
        padding-top: 32px;
        padding-bottom: 32px;
        position: relative
    }

    .uno-tabs-content-item {
        display: none
    }

    .uno-tabs-content-item.uno-tabs-content-item-show {
        display: block
    }

    .uno-tabs-seckill .uno-tabs-label-subtit {
        margin-top: 4px
    }

    .uno-tabs-seckill .uno-tabs-label,.uno-tabs-seckill .uno-tabs-label-item {
        background: none;
        box-shadow: none
    }

    .uno-tabs-seckill .uno-tabs-label-item .uno-tabs-label-tit {
        font-weight: 500
    }

    .uno-tabs-seckill .uno-tabs-label-item-active .uno-tabs-label-subtit,.uno-tabs-seckill .uno-tabs-label-item-active .uno-tabs-label-tit {
        color: #0052d9
    }

    .uno-tabs-seckill .uno-tabs-label-item-active:after {
        background: #0052d9
    }

    .uno-tabs-seckill .uno-tabs-label-item:hover {
        cursor: pointer
    }

    .uno-tabs-seckill .uno-tabs-label-item:hover .uno-tabs-label-subtit,.uno-tabs-seckill .uno-tabs-label-item:hover .uno-tabs-label-tit {
        color: #0052d9
    }

    .uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-disabled .uno-tabs-label-subtit,.uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-disabled .uno-tabs-label-tit {
        color: #97a3b7
    }

    .uno-tabs-seckill .uno-tabs-label-label-subtit,.uno-tabs-seckill .uno-tabs-label-label-tit {
        color: #4b5b76
    }

    .uno-section-bg-color .uno-tabs-content {
        background: #f1f2f5;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
    }

    .uno-section .uno-tabs-content {
        margin-bottom: -60px;
        padding-bottom: 60px
    }
}

@media (max-width: 768px) {
    .uno-tabs-label-tit {
        font-size:16px;
        line-height: 24px;
        color: #181818
    }

    .uno-tabs-label-subtit,.uno-tabs-label-tit {
        max-width: calc(100% - 51px);
        overflow: hidden;
        white-space: nowrap;
        text-align: left
    }

    .uno-tabs-label-subtit {
        margin-top: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-tabs-label-item {
        margin-top: -2px;
        border: 2px solid #fff;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        padding: 14px 16px;
        font-size: 0;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        position: relative
    }

    .uno-tabs-label-item:after {
        content: "";
        display: inline-block;
        height: 16px;
        width: 16px;
        position: absolute;
        background-image: url(/web/jinglisafe/assets/images/cps/tab_icon_unfold.svg);
        background-repeat: no-repeat;
        background-size: contain;
        right: 16px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-tabs-label-item.uno-tabs-label-item-active {
        border: 2px solid #fff;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
    }

    .uno-tabs-label-item.uno-tabs-label-item-active:after {
        background-image: url(/web/jinglisafe/assets/images/cps/tab_icon_pack.svg);
        -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
        top: 50%
    }

    .uno-tabs-label-item.uno-tabs-label-item-active .uno-tabs-label-subtit,.uno-tabs-label-item.uno-tabs-label-item-active .uno-tabs-label-tit {
        color: #0052d9
    }

    .uno-tabs-content-item {
        display: none;
        position: relative;
        z-index: 1
    }

    .uno-tabs-content-item-show {
        display: block
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label {
        max-width: 100%;
        word-break: keep-all;
        overflow-x: auto;
        white-space: nowrap;
        background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        border-radius: 4px
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item {
        padding: 10px 14px;
        display: inline-block;
        background: transparent;
        border: none;
        box-shadow: none;
        margin-top: 0
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item:after {
        background: none
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item .uno-tabs-label-subtit,.uno-tabs.uno-tabs-seckill .uno-tabs-label-item .uno-tabs-label-tit {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        text-align: center;
        max-width: 100%
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-active {
        position: relative
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-active:after {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        background: #0052d9;
        bottom: 0;
        left: 0;
        z-index: 10;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: auto
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-active .uno-tabs-label-subtit,.uno-tabs.uno-tabs-seckill .uno-tabs-label-item.uno-tabs-label-item-active .uno-tabs-label-tit {
        color: #0052d9;
        font-weight: 500
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item-disabled {
        cursor: not-allowed;
        pointer-events: none
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item-disabled .uno-tabs-label-subtit,.uno-tabs.uno-tabs-seckill .uno-tabs-label-item-disabled .uno-tabs-label-tit {
        color: #97a3b7
    }

    .uno-tabs.uno-tabs-seckill .uno-tabs-label-item-disabled:after {
        display: none
    }
}

.uno-staticsell-head-wrap {
    position: relative;
    z-index: 1
}

@media (min-width: 769px) {
    .uno-staticsell-inner {
        width:1180px;
        margin: auto;
        position: relative
    }

    .uno-staticsell-head {
        width: 294px;
        height: 100%;
        display: inline-block;
        position: absolute;
        overflow: hidden;
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        border: #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 hsla(0,0%,100%,.8);
        vertical-align: top
    }

    .uno-staticsell-head-wrap {
        height: 100%;
        width: 100%;
        padding: 20px
    }

    .uno-staticsell-head-tit {
        font-weight: 500;
        color: #181818;
        font-size: 24px;
        line-height: 32px;
        white-space: nowrap;
        word-break: keep-all
    }

    .uno-staticsell-head-subtit,.uno-staticsell-head-tit {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-staticsell-head-subtit {
        margin-top: 8px;
        font-size: 14px;
        line-height: 22px;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        color: #4b5b76
    }

    .uno-staticsell-head-desc {
        margin-top: 16px;
        max-height: 142px;
        overflow: hidden
    }

    .uno-staticsell-head-desc .uno-item-list {
        color: #4b5b76;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-staticsell-normal-line .uno-staticsell-head-img {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/static_sell_product_img.png)
    }

    .uno-staticsell-normal-line .uno-staticsell-head-img,.uno-staticsell-normal-line .uno-staticsell-head-wrap {
        background-repeat: no-repeat;
        background-size: 320px 320px;
        background-position: 70px calc(100% + 86px)
    }

    .uno-staticsell-single-line .uno-staticsell-head-img {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/static_sell_product_img.png)
    }

    .uno-staticsell-single-line .uno-staticsell-head-img,.uno-staticsell-single-line .uno-staticsell-head-wrap {
        background-repeat: no-repeat;
        background-size: 320px 320px;
        background-position: 70px calc(100% + 96px)
    }

    .uno-staticsell-multi-line .uno-staticsell-head-img {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/static_sell_product_img.png)
    }

    .uno-staticsell-multi-line .uno-staticsell-head-img,.uno-staticsell-multi-line .uno-staticsell-head-wrap {
        background-repeat: no-repeat;
        background-size: 400px 400px;
        background-position: 40px calc(100% + 40px)
    }

    .uno-staticsell-body {
        width: calc(100% - 294px);
        display: inline-block;
        vertical-align: top;
        margin-left: 294px;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-staticsell-body-wrap {
        width: 100%
    }

    .uno-staticsell-body .uno-staticsell-card-item {
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        display: inline-block;
        width: 445px;
        min-height: 254px;
        border: 2px solid #fff;
        vertical-align: top;
        margin-left: -2px;
        padding: 20px 20px 96px;
        position: relative
    }

    .uno-staticsell-body .uno-staticsell-card-item:nth-child(n+3) {
        margin-top: -2px
    }

    .uno-staticsell-body .uno-staticsell-card-item-tit {
        font-size: 18px;
        line-height: 26px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 500;
        color: #181818
    }

    .uno-staticsell-body .uno-staticsell-card-item-subtit {
        font-size: 14px;
        line-height: 22px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        color: #4b5b76;
        margin-top: 8px
    }

    .uno-staticsell-body .uno-staticsell-card-item .uno-list {
        margin-top: 16px
    }

    .uno-staticsell-body .uno-staticsell-card-item .uno-list .uno-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-staticsell-body .uno-staticsell-card-item .uno-list .uno-item:nth-child(n+2) {
        margin-top: 8px
    }

    .uno-staticsell-body .uno-staticsell-card-item-foot {
        position: absolute;
        width: calc(100% - 40px);
        bottom: 20px;
        height: 60px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .uno-staticsell-type-free .uno-staticsell-card-item-foot {
        padding-top: 16px;
        padding-bottom: 4px
    }

    .uno-staticsell-type-free .uno-staticsell-card-item-free {
        font-size: 20px;
        line-height: 30px;
        color: #ff7800;
        display: inline-block;
        font-weight: 500;
        width: calc(100% - 212px);
        vertical-align: bottom
    }

    .uno-staticsell-type-free .uno-button {
        margin-left: 20px;
        width: 192px;
        height: 40px;
        vertical-align: bottom
    }

    .uno-staticsell-type-recom .uno-staticsell-card-item-foot {
        padding-top: 16px;
        text-align: right
    }

    .uno-staticsell-type-recom .uno-staticsell-card-item-foot .uno-button {
        height: 40px;
        width: calc(50% - 10px)
    }

    .uno-staticsell-type-recom .uno-staticsell-card-item-foot .uno-button:nth-child(n+2) {
        margin-left: 20px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-foot {
        margin-top: 16px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-price {
        vertical-align: bottom;
        display: inline-block;
        width: calc(100% - 212px);
        margin-right: 20px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-oldprice {
        font-size: 12px;
        line-height: 18px;
        height: 18px;
        color: #97a3b7;
        text-decoration: line-through
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-realprice {
        margin-top: 2px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-realprice-num {
        font-size: 28px;
        line-height: 36px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-realprice-unit {
        font-size: 14px;
        line-height: 22px;
        font-weight: 600;
        color: #ff7800;
        margin-left: 4px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item .uno-staticsell-card-item-foot {
        position: relative
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button {
        position: absolute;
        right: 0;
        bottom: 0;
        vertical-align: bottom;
        display: inline-block
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button {
        height: 40px;
        min-width: 85px;
        width: 85px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button:nth-child(n+2) {
        margin-left: 22px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button:first-child:last-child {
        width: 192px
    }
}

@media (max-width: 768px) {
    .uno-staticsell-inner {
        width:100%
    }

    .uno-staticsell-head {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        position: relative;
        overflow: hidden
    }

    .uno-staticsell-head .uno-staticsell-head-img {
        width: 100%;
        height: 100%;
        position: absolute;
        opacity: .4;
        background-image: url(/web/jinglisafe/assets/images/cps/static_sell_product_img.png);
        background-repeat: no-repeat;
        background-size: 220px 220px;
        background-position: calc(100% + 60px) 40px
    }

    .uno-staticsell-head-wrap {
        padding: 16px;
        min-height: 120px;
        position: relative;
        z-index: 20;
        background-repeat: no-repeat;
        background-size: 220px 220px;
        background-position: calc(100% + 70px) calc(100% + 36px)
    }

    .uno-staticsell-head-tit {
        font-weight: 500;
        font-size: 16px;
        color: #181818;
        line-height: 24px;
        max-width: calc(100% - 84px);
        white-space: nowrap;
        word-break: keep-all
    }

    .uno-staticsell-head-subtit,.uno-staticsell-head-tit {
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-staticsell-head-subtit {
        margin-top: 8px;
        font-size: 14px;
        color: #4b5b76;
        line-height: 22px;
        word-wrap: break-word;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-staticsell-head-desc {
        margin-top: 12px
    }

    .uno-staticsell-head-desc .uno-item-list {
        color: #4b5b76;
        max-width: calc(100% - 124px)
    }

    .uno-staticsell-body .uno-staticsell-card-item {
        border: none;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        padding: 16px 16px 20px
    }

    .uno-staticsell-body .uno-staticsell-card-item-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        font-weight: 500;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-staticsell-body .uno-staticsell-card-item-subtit {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        margin-top: 8px;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-staticsell-body .uno-staticsell-card-item-foot {
        margin-top: 20px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-price {
        display: inline-block;
        width: calc(50% - 10px);
        margin-right: 20px;
        vertical-align: bottom
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-price .uno-staticsell-card-item-oldprice {
        color: #97a3b7;
        font-size: 14px;
        line-height: 22px;
        text-decoration: line-through
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-price .uno-staticsell-card-item-realprice-num {
        font-size: 24px;
        line-height: 32px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-price .uno-staticsell-card-item-realprice-unit {
        font-size: 14px;
        line-height: 22px;
        color: #ff7800;
        margin-left: 4px;
        font-weight: 600
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-foot {
        position: relative
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button {
        width: calc(50% - 10px);
        margin-left: 10px;
        display: inline-block;
        vertical-align: bottom;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button {
        min-width: auto;
        width: calc(50% - 5px)
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button:nth-child(n+2) {
        margin-left: 10px
    }

    .uno-staticsell-type-sell .uno-staticsell-card-item-sell-button .uno-button:first-child:last-child {
        width: 100%
    }

    .uno-staticsell-type-free .uno-staticsell-card-item-free {
        width: calc(50% - 10px);
        margin-right: 20px;
        font-size: 18px;
        line-height: 26px;
        color: #ff7800;
        font-weight: 500;
        display: inline-block
    }

    .uno-staticsell-type-free .uno-button {
        min-width: auto;
        width: calc(50% - 10px)
    }

    .uno-staticsell-type-recom .uno-staticsell-card-item-foot {
        text-align: right
    }

    .uno-staticsell-type-recom .uno-button {
        width: calc(50% - 10px);
        min-width: auto
    }

    .uno-staticsell-type-recom .uno-button:nth-child(n+2) {
        margin-left: 20px
    }
}

@media (max-width: 768px) {
    .uno-staticsell .uno-button,.uno-staticsell .uno-button:hover {
        box-shadow:none
    }
}

.uno-renew {
    height: auto;
    position: relative
}

.uno-renew+.uno-renew {
    margin-top: 20px
}

.uno-renew .uno-form-tip {
    white-space: normal
}

.uno-renew.uno-renew-nologin {
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    padding: 40px 0;
    text-align: center;
    min-height: 164px
}

.uno-renew.uno-renew-nologin+.uno-renew-nologin,.uno-renew.uno-renew-nologin .uno-renew-inner {
    display: none
}

.uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-text {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    letter-spacing: 0;
    text-align: center
}

.uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-text .uno-text-buy {
    font-weight: 500
}

.uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-btn {
    margin-top: 24px;
    width: 100%;
    text-align: center
}

.uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-btn .uno-button {
    width: 140px;
    height: 36px
}

.uno-renew.uno-renew-noproduct .uno-renew-con .uno-renew-con-pc,.uno-renew.uno-renew-noproduct .uno-renew-con .uno-renew-cost-area,.uno-renew.uno-renew-noselect .uno-renew-con-details .uno-form,.uno-renew.uno-renew-noselect .uno-renew-con-pc {
    display: none
}

.uno-renew .uno-renew-inner {
    width: 100%;
    height: auto;
    padding: 0;
    position: relative;
    display: block;
    table-layout: fixed
}

.uno-renew .uno-renew-lt,.uno-renew .uno-renew-rt {
    display: inline-block;
    vertical-align: middle
}

@media screen and (min-width: 769px) {
    .uno-renew .uno-renew-lt {
        width:326px;
        min-height: 264px;
        box-sizing: border-box;
        padding: 24px 110px 22px 20px;
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0
    }

    .uno-renew .uno-renew-rt {
        padding: 22px 0;
        box-sizing: border-box;
        position: relative;
        left: 326px;
        z-index: auto
    }

    .uno-renew .uno-renew-tit-box {
        position: relative;
        width: 100%
    }
}

.uno-renew .uno-renew-tit {
    font-size: 20px;
    line-height: 28px;
    color: #181818;
    margin-bottom: 6px
}

@media screen and (min-width: 769px) {
    .uno-renew .uno-renew-tit {
        max-width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.uno-renew .uno-renew-subtit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    overflow: hidden;
    height: 44px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.uno-renew .uno-renew-promotion {
    position: absolute;
    width: 100%;
    bottom: 22px;
    left: 20px
}

.uno-renew .uno-renew-lt-icon {
    position: absolute;
    width: 240px;
    height: 210px;
    bottom: 0;
    left: 60px;
    opacity: .4
}

.uno-renew .uno-renew-promotion-con {
    width: calc(100% - 124px)
}

.uno-renew .uno-renew-promotion-tag {
    height: 60px;
    width: 110px;
    position: relative;
    top: 0;
    background: url(/web/jinglisafe/assets/images/cps/renew_tag_bg.svg);
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    padding-top: 13px;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -37px
}

.uno-renew .uno-renew-promotion-txt {
    margin-top: -11px;
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.uno-renew .uno-renew-promotion-txt+.uno-renew-promotion-txt,.uno-renew .uno-renew-promotion-txt p+p {
    margin-top: 4px
}

.uno-renew .uno-renew-promotion-price {
    color: #ff7800;
    text-align: left;
    margin-top: 8px;
    vertical-align: middle;
    font-size: 0
}

.uno-renew .uno-renew-promotion-price .uno-renew-promotion-price-unit {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    vertical-align: middle
}

.uno-renew .uno-renew-promotion-price .uno-renew-promotion-price-num {
    font-size: 18px;
    line-height: 26px;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 4px;
    font-weight: 500;
    display: inline-block
}

.uno-renew .uno-renew-promotion-price .uno-renew-promotion-price-discount {
    display: inline-block;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    line-height: 16px;
    background: #fff;
    padding: 0 4px;
    color: #ff7200;
    border: 1px solid #ff7200;
    vertical-align: middle
}

.uno-renew .uno-renew-promotion-state {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7
}

.uno-renew .uno-renew-con {
    white-space: nowrap;
    width: 958px;
    margin-left: -104px;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    min-height: 220px;
    position: relative
}

.uno-renew .uno-renew-con .uno-renew-con-pc {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 230px);
    border-right: 1px solid #d6dbe3;
    min-height: 220px
}

.uno-renew .uno-renew-con .uno-renew-cost-area {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    min-height: 146px;
    width: 230px
}

.uno-renew .uno-renew-con-hd {
    background: #edf1f8;
    width: 100%
}

.uno-renew .uno-renew-con-hd .uno-renew-con-hd-item {
    display: inline-block;
    width: calc(100% - 280px);
    padding: 0 20px
}

.uno-renew .uno-renew-con-hd .uno-renew-con-hd-item:last-child {
    width: 280px;
    padding-left: 0
}

.uno-renew .uno-renew-con-hd .uno-renew-con-hd-item>span {
    color: #4b5b76;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    line-height: 40px
}

.uno-renew .uno-renew-con-hd .uno-link {
    font-size: 14px;
    line-height: 22px;
    float: right;
    line-height: 40px
}

.uno-renew .uno-renew-con-hd .uno-link span {
    font-weight: 400
}

.uno-renew .uno-renew-con-bd {
    padding-bottom: 20px
}

.uno-renew .uno-renew-con-bd .uno-renew-con-details,.uno-renew .uno-renew-con-bd .uno-renew-con-params {
    display: inline-block;
    width: calc(100% - 280px);
    padding: 16px 20px 0;
    vertical-align: top
}

.uno-renew .uno-renew-con-bd .uno-renew-instance-as-time .uno-form-value {
    width: calc(100% - 64px)
}

.uno-renew .uno-renew-con-bd .uno-renew-instance-as-time .uno-radio-btn:nth-child(n+6) {
    margin-top: 0
}

.uno-renew .uno-renew-con-bd .uno-renew-instance-as-time .uno-radio-btn:nth-child(n+8) {
    margin-top: 18px
}

.uno-renew .uno-renew-con-bd .uno-renew-instance-as-time .uno-radio-btn:nth-child(n+8):before {
    display: none
}

.uno-renew .uno-renew-con-bd .uno-renew-con-details {
    width: 280px;
    padding-left: 0
}

.uno-renew .uno-renew-con-bd .uno-renew-con-time {
    font-size: 12px;
    line-height: 18px;
    color: #98a3b7;
    letter-spacing: 0;
    padding-left: 64px;
    margin-left: 20px
}

.uno-renew .uno-renew-con-bd .uno-renew-con-time-item {
    display: inline-block
}

.uno-renew .uno-renew-con-bd .uno-renew-con-time-item:nth-child(2) .uno-renew-con-time-data {
    color: #f64041
}

.uno-renew .uno-renew-con-bd .uno-renew-con-time-item+.uno-renew-con-time-item {
    margin-left: 32px
}

.uno-renew .uno-renew-con-bd .uno-renew-con-time-data {
    margin-left: 8px;
    color: #4b5b76
}

.uno-renew .uno-renew-con-params .uno-form-item {
    margin-bottom: 12px
}

.uno-renew .uno-renew-con-params .uno-form-item+.uno-form-item {
    margin-top: 32px
}

.uno-renew .uno-renew-con-params .uno-form-label-inner {
    white-space: normal
}

.uno-renew .uno-renew-con-details .uno-form .uno-form-item {
    margin-bottom: 12px
}

.uno-renew .uno-renew-con-details .uno-form .uno-form-label {
    width: 70px;
    margin-right: 4px;
    white-space: normal;
    max-height: 36px;
    vertical-align: top
}

.uno-renew .uno-renew-con-details .uno-form .uno-form-value {
    width: calc(100% - 60px);
    margin-left: 0;
    vertical-align: middle;
    word-break: break-all;
    white-space: normal;
    vertical-align: top
}

.uno-renew .uno-renew-con-details-noselect {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    text-align: left;
    white-space: pre-wrap;
    padding-top: 4px
}

.uno-renew .uno-renew-con-details-noselect .uno-text {
    color: #181818
}

.uno-renew .uno-form-label {
    width: 56px;
    margin-right: 8px
}

.uno-renew .uno-form-value {
    margin-left: 0;
    width: calc(100% - 64px)
}

.uno-renew .uno-form-value .uno-radio-groups {
    white-space: normal;
    max-width: 100%
}

.uno-renew .uno-renew-con-ft {
    margin-bottom: -20px;
    margin-top: 12px
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item {
    display: inline-block;
    width: auto;
    padding: 12px 0 12px 20px;
    vertical-align: middle
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item .uno-renew-inc-tag {
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    line-height: 24px;
    color: #fff;
    background: #ff7800;
    border-radius: 2px;
    padding: 0 6px;
    box-sizing: border-box
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item .uno-form-label {
    margin-right: 12px;
    width: auto;
    vertical-align: middle
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item .uno-form-value {
    width: auto;
    margin-left: 0;
    vertical-align: middle
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item:nth-child(n+2) {
    padding-left: 37px
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item .uno-form-value-inner {
    color: #4b5b76
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item.uno-renew-inc-present-item-disabled .uno-form-value-inner {
    color: #97a3b7
}

.uno-renew .uno-renew-con-ft .uno-renew-inc-present-item.uno-renew-inc-present-item-disabled .uno-icon {
    opacity: .4
}

.uno-renew .uno-renew-con-ft.uno-renew-inc-present:before {
    content: "";
    display: block;
    width: calc(100% - 40px);
    margin: 0 auto;
    height: 0;
    border-top: 1px dashed #d6dbe3
}

.uno-renew .uno-renew-con-ft .uno-checkbox {
    position: static
}

.uno-renew .uno-renew-con-ft .uno-icon {
    vertical-align: -3px;
    display: inline-block;
    line-height: 20px;
    margin-left: 4px
}

.uno-renew .uno-renew-rt-params {
    margin-bottom: 12px
}

.uno-renew .uno-renew-ad {
    font-size: 16px;
    line-height: 24px;
    color: #ff7800;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 4px;
    font-weight: 500
}

.uno-renew .uno-renew-price-num {
    font-size: 28px;
    line-height: 36px;
    color: #ff7800
}

.uno-renew .uno-renew-price-unit {
    font-size: 12px;
    line-height: 18px;
    margin-left: 4px;
    color: #ff7800;
    font-weight: 600
}

.uno-renew .uno-renew-price-detail+.uno-renew-price {
    margin-bottom: 0
}

.uno-renew-price-average {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-right: 8px
}

.uno-renew-price-original {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7
}

.uno-renew .uno-renew-rt-tip {
    font-size: 12px;
    line-height: 18px;
    color: #4b5b76;
    margin-bottom: 4px;
    position: relative;
    z-index: 10
}

.uno-renew .uno-button {
    width: 100%
}

@media screen and (min-width: 769px) {
    .uno-renew .uno-renew-con-mobile {
        display:none!important
    }
}

@media screen and (max-width: 768px) {
    .uno-renew {
        padding-left:16px;
        padding-right: 16px
    }

    .uno-renew .uno-form-label {
        margin-right: 16px
    }

    .uno-renew .uno-form-label-inner {
        line-height: 22px
    }

    .uno-renew .uno-form-label:before,.uno-renew .uno-renew-lt-icon {
        display: none
    }

    .uno-renew .uno-renew-inner {
        display: block
    }

    .uno-renew .uno-renew-con {
        background: none;
        box-shadow: none;
        min-height: 0;
        width: auto;
        margin: 0;
        border: none
    }

    .uno-renew .uno-renew-lt,.uno-renew .uno-renew-rt {
        display: block;
        padding: 0;
        margin: 0;
        background: none;
        position: static
    }

    .uno-renew .uno-renew-promotion {
        display: none
    }

    .uno-renew .uno-renew-con-pc {
        display: none!important
    }

    .uno-renew .uno-renew-subtit {
        display: none
    }

    .uno-renew .uno-renew-inner {
        background: none;
        width: auto;
        padding: 0
    }

    .uno-renew .uno-renew-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        margin-bottom: 8px;
        font-weight: 500
    }

    .uno-renew .uno-renew-con .uno-renew-con-mobile,.uno-renew .uno-renew-con .uno-renew-cost-area {
        width: auto;
        display: block
    }

    .uno-renew .uno-renew-con .uno-renew-cost-area {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0;
        margin-top: 6px
    }

    .uno-renew .uno-form-item {
        margin-bottom: 4px
    }

    .uno-renew .uno-renew-center {
        width: 120px;
        display: inline-block;
        text-align: right;
        vertical-align: bottom
    }

    .uno-renew .uno-renew-rt-params {
        margin: 0;
        width: calc(100% - 120px);
        text-align: left;
        min-height: 46px;
        position: relative;
        vertical-align: bottom
    }

    .uno-renew .uno-renew-price-detail {
        position: absolute;
        bottom: 36px
    }

    .uno-renew .uno-renew-rt-tip {
        text-align: center
    }

    .uno-renew .uno-renew-price-detail+.uno-renew-price {
        margin-top: 4px;
        height: 24px;
        line-height: 24px
    }

    .uno-renew .uno-renew-price-average {
        display: none
    }

    .uno-renew .uno-renew-ad {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        margin-right: 6px
    }

    .uno-renew .uno-renew-price-num {
        font-size: 24px;
        line-height: 24px
    }

    .uno-renew .uno-renew-price-detail {
        bottom: 0;
        position: relative;
        display: inline-block;
        height: 18px;
        line-height: 18px;
        font-size: 0
    }
}

.uno-renew .uno-renew-mismatch {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    white-space: normal
}

.uno-renew .uno-renew-mismatch-hint {
    color: #4b5b76;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.uno-renew .uno-renew-mismatch-operate {
    margin-top: 24px
}

.uno-renew .uno-renew-mismatch-operate .uno-button {
    min-width: 140px;
    width: auto
}

.uno-renew .uno-renew-mismatch-operate .uno-button+.uno-button {
    margin-left: 16px
}

@media screen and (max-width: 768px) {
    .uno-renew .uno-renew-mismatch {
        position:static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left;
        margin-top: 22px
    }

    .uno-renew .uno-renew-mismatch-hint {
        color: #4b5b76;
        text-align: left
    }

    .uno-renew .uno-renew-mismatch-operate {
        margin-top: 16px;
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: justify;
        justify-content: space-between
    }

    .uno-renew .uno-renew-mismatch-operate .uno-button {
        -webkit-box-flex: 1;
        flex: 1 0;
        min-width: 0
    }
}

@media screen and (max-width: 768px) {
    .uno-renew.uno-renew-nologin {
        padding:34px 37.5px;
        min-height: auto
    }

    .uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-text {
        font-size: 14px;
        line-height: 22px
    }

    .uno-renew.uno-renew-nologin .uno-renew-nologin-inner .uno-renew-nologin-btn {
        margin-top: 16px
    }
}

@media (min-width: 769px) {
    .uno-renew-foot-tag-list {
        font-size:0;
        margin-bottom: 2px;
        white-space: normal;
        word-wrap: break-word;
        word-break: normal
    }

    .uno-renew-foot-tag-item {
        margin-bottom: 4px;
        margin-right: 4px;
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-renew-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-renew-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-renew-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

@media (max-width: 768px) {
    .uno-renew-foot-tag-list {
        font-size:0;
        margin-bottom: 12px;
        white-space: nowrap
    }

    .uno-renew-foot-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-renew-foot-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-renew-foot-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-renew-foot-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-renew-foot-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

@media (min-width: 769px) {
    .uno-renew-subtit .uno-action,.uno-renew-subtit .uno-link {
        color:#0052d9
    }

    .uno-renew-subtit .uno-action:hover,.uno-renew-subtit .uno-link:hover {
        color: #001f97
    }

    .uno-renew-subtit .uno-bubble-trigger {
        color: #181818;
        border-bottom-color: #181818
    }

    .uno-renew-subtit .uno-bubble-trigger:hover {
        color: #777;
        border-bottom-color: #777
    }

    .uno-renew-subtit .uno-highlight {
        color: #f64041
    }
}

@media (min-width: 768px) {
    .renew-skeletonwrap .uno-renew-lt {
        background:-webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6)
    }

    .renew-skeletonwrap .uno-renew-con {
        background: #fff;
        border: 1px solid #d6dbe3
    }

    .renew-skeletonwrap .uno-renew-tit {
        height: 22px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-subtit {
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-promotion-price,.renew-skeletonwrap .uno-renew-promotion-state,.renew-skeletonwrap .uno-renew-promotion-txt {
        height: 22px;
        width: 70%;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-con-params .uno-form-label {
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-con-params .uno-form-value {
        background: #d4e4ff;
        width: 200px;
        height: 36px
    }

    .renew-skeletonwrap .uno-renew-con-details .uno-form-label {
        background: #d4e4ff;
        height: 18px
    }

    .renew-skeletonwrap .uno-renew-con-details .uno-form-value {
        background: #d4e4ff;
        width: 150px;
        height: 18px
    }

    .renew-skeletonwrap .uno-renew-con-time-item {
        width: 150px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-con-ft .uno-renew-inc-present-item {
        width: 200px;
        margin-right: 20px;
        margin-left: 20px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-ad {
        height: 24px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-center .uno-button,.renew-skeletonwrap .uno-renew-price {
        height: 36px;
        background: #d4e4ff
    }
}

@media (max-width: 768px) {
    .renew-skeletonwrap .uno-renew-tit {
        height:22px;
        width: 100px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-subtit {
        width: 150px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-form-label {
        background: #d4e4ff;
        height: 18px
    }

    .renew-skeletonwrap .uno-form-value {
        background: #d4e4ff;
        width: 60%;
        height: 18px
    }

    .renew-skeletonwrap .uno-renew-ad {
        height: 24px;
        width: 100px;
        background: #d4e4ff
    }

    .renew-skeletonwrap .uno-renew-price {
        height: 36px;
        background: #d4e4ff;
        width: 130px
    }

    .renew-skeletonwrap .uno-renew-center .uno-button {
        height: 36px;
        background: #d4e4ff
    }
}

@media (min-width: 769px) {
    .tpm1-text-panel__item {
        display:-webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-text-panel__item .tpm1-text-panel__item-ft {
        margin-top: auto
    }

    .tpm1-text-panel__item .tpm1-text-panel__item-ft .uno-button {
        margin-top: 12px;
        padding: 6px 24px
    }
}

@media (max-width: 768px) {
    .tpm1-text-panel__item .tpm1-text-panel__item-ft {
        margin-top:0
    }

    .tpm1-text-panel__item .tpm1-text-panel__item-ft .uno-button {
        margin-top: 12px;
        width: 100%
    }
}

[class*=tpm1-],[class*=tpm1-]:after,[class*=tpm1-]:before,[class*=tpm1-]:focus {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none
}

.tpm1-pc-block {
    display: block!important
}

.tpm1-pc-inline-block {
    display: inline-block!important
}

.tpm1-pc-hide {
    display: none!important
}

@media (max-width: 768px) {
    .tpm1-pad-block {
        display:block!important
    }

    .tpm1-pad-inline-block {
        display: inline-block!important
    }

    .tpm1-pad-hide {
        display: none!important
    }
}

@media (max-width: 600px) {
    .tpm1-phone-block {
        display:block!important
    }

    .tpm1-phone-inline-block {
        display: inline-block!important
    }

    .tpm1-phone-hide {
        display: none!important
    }
}

@media screen and (max-width: 768px) {
    .tpm-gap+.tpm-gap:before {
        display:block;
        content: "";
        height: 16px;
        background: #f3f5f8;
        box-shadow: inset 0 -2px 5px 0 #c6ccd7;
        -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
        position: relative;
        z-index: 1
    }
}

[class*=tp1-],[class*=tp1-]:after,[class*=tp1-]:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent
}

[class*=tp1-]:focus {
    outline: none
}

.tp1-overflow-hidden {
    overflow: hidden!important
}

[class*=tp1-][type=search]::-webkit-search-decoration,[class^=tp1-][type=search]::-webkit-search-decoration {
    outline: 0;
    -webkit-appearance: none
}

.tp1-ma-1n {
    margin: 4px
}

.tp1-ma-2n {
    margin: 8px
}

.tp1-ma-3n {
    margin: 12px
}

.tp1-ma-4n {
    margin: 16px
}

.tp1-ma-5n {
    margin: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ma-pad-1n {
        margin:4px
    }

    .tp1-ma-pad-2n {
        margin: 8px
    }

    .tp1-ma-pad-3n {
        margin: 12px
    }

    .tp1-ma-pad-4n {
        margin: 16px
    }

    .tp1-ma-pad-5n {
        margin: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ma-phone-1n {
        margin:4px
    }

    .tp1-ma-phone-2n {
        margin: 8px
    }

    .tp1-ma-phone-3n {
        margin: 12px
    }

    .tp1-ma-phone-4n {
        margin: 16px
    }

    .tp1-ma-phone-5n {
        margin: 20px
    }
}

.tp1-mt-1n {
    margin-top: 4px
}

.tp1-mt-2n {
    margin-top: 8px
}

.tp1-mt-3n {
    margin-top: 12px
}

.tp1-mt-4n {
    margin-top: 16px
}

.tp1-mt-5n {
    margin-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mt-pad-1n {
        margin-top:4px
    }

    .tp1-mt-pad-2n {
        margin-top: 8px
    }

    .tp1-mt-pad-3n {
        margin-top: 12px
    }

    .tp1-mt-pad-4n {
        margin-top: 16px
    }

    .tp1-mt-pad-5n {
        margin-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mt-phone-1n {
        margin-top:4px
    }

    .tp1-mt-phone-2n {
        margin-top: 8px
    }

    .tp1-mt-phone-3n {
        margin-top: 12px
    }

    .tp1-mt-phone-4n {
        margin-top: 16px
    }

    .tp1-mt-phone-5n {
        margin-top: 20px
    }
}

.tp1-mb-1n {
    margin-bottom: 4px
}

.tp1-mb-2n {
    margin-bottom: 8px
}

.tp1-mb-3n {
    margin-bottom: 12px
}

.tp1-mb-4n {
    margin-bottom: 16px
}

.tp1-mb-5n {
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mb-pad-1n {
        margin-bottom:4px
    }

    .tp1-mb-pad-2n {
        margin-bottom: 8px
    }

    .tp1-mb-pad-3n {
        margin-bottom: 12px
    }

    .tp1-mb-pad-4n {
        margin-bottom: 16px
    }

    .tp1-mb-pad-5n {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mb-phone-1n {
        margin-bottom:4px
    }

    .tp1-mb-phone-2n {
        margin-bottom: 8px
    }

    .tp1-mb-phone-3n {
        margin-bottom: 12px
    }

    .tp1-mb-phone-4n {
        margin-bottom: 16px
    }

    .tp1-mb-phone-5n {
        margin-bottom: 20px
    }
}

.tp1-ml-1n {
    margin-left: 4px
}

.tp1-ml-2n {
    margin-left: 8px
}

.tp1-ml-3n {
    margin-left: 12px
}

.tp1-ml-4n {
    margin-left: 16px
}

.tp1-ml-5n {
    margin-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-ml-pad-1n {
        margin-left:4px
    }

    .tp1-ml-pad-2n {
        margin-left: 8px
    }

    .tp1-ml-pad-3n {
        margin-left: 12px
    }

    .tp1-ml-pad-4n {
        margin-left: 16px
    }

    .tp1-ml-pad-5n {
        margin-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-ml-phone-1n {
        margin-left:4px
    }

    .tp1-ml-phone-2n {
        margin-left: 8px
    }

    .tp1-ml-phone-3n {
        margin-left: 12px
    }

    .tp1-ml-phone-4n {
        margin-left: 16px
    }

    .tp1-ml-phone-5n {
        margin-left: 20px
    }
}

.tp1-mr-1n {
    margin-right: 4px
}

.tp1-mr-2n {
    margin-right: 8px
}

.tp1-mr-3n {
    margin-right: 12px
}

.tp1-mr-4n {
    margin-right: 16px
}

.tp1-mr-5n {
    margin-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-mr-pad-1n {
        margin-right:4px
    }

    .tp1-mr-pad-2n {
        margin-right: 8px
    }

    .tp1-mr-pad-3n {
        margin-right: 12px
    }

    .tp1-mr-pad-4n {
        margin-right: 16px
    }

    .tp1-mr-pad-5n {
        margin-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-mr-phone-1n {
        margin-right:4px
    }

    .tp1-mr-phone-2n {
        margin-right: 8px
    }

    .tp1-mr-phone-3n {
        margin-right: 12px
    }

    .tp1-mr-phone-4n {
        margin-right: 16px
    }

    .tp1-mr-phone-5n {
        margin-right: 20px
    }
}

.tp1-pa-1n {
    padding: 4px
}

.tp1-pa-2n {
    padding: 8px
}

.tp1-pa-3n {
    padding: 12px
}

.tp1-pa-4n {
    padding: 16px
}

.tp1-pa-5n {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pa-pad-1n {
        padding:4px
    }

    .tp1-pa-pad-2n {
        padding: 8px
    }

    .tp1-pa-pad-3n {
        padding: 12px
    }

    .tp1-pa-pad-4n {
        padding: 16px
    }

    .tp1-pa-pad-5n {
        padding: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pa-phone-1n {
        padding:4px
    }

    .tp1-pa-phone-2n {
        padding: 8px
    }

    .tp1-pa-phone-3n {
        padding: 12px
    }

    .tp1-pa-phone-4n {
        padding: 16px
    }

    .tp1-pa-phone-5n {
        padding: 20px
    }
}

.tp1-pt-1n {
    padding-top: 4px
}

.tp1-pt-2n {
    padding-top: 8px
}

.tp1-pt-3n {
    padding-top: 12px
}

.tp1-pt-4n {
    padding-top: 16px
}

.tp1-pt-5n {
    padding-top: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pt-pad-1n {
        padding-top:4px
    }

    .tp1-pt-pad-2n {
        padding-top: 8px
    }

    .tp1-pt-pad-3n {
        padding-top: 12px
    }

    .tp1-pt-pad-4n {
        padding-top: 16px
    }

    .tp1-pt-pad-5n {
        padding-top: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pt-phone-1n {
        padding-top:4px
    }

    .tp1-pt-phone-2n {
        padding-top: 8px
    }

    .tp1-pt-phone-3n {
        padding-top: 12px
    }

    .tp1-pt-phone-4n {
        padding-top: 16px
    }

    .tp1-pt-phone-5n {
        padding-top: 20px
    }
}

.tp1-pb-1n {
    padding-bottom: 4px
}

.tp1-pb-2n {
    padding-bottom: 8px
}

.tp1-pb-3n {
    padding-bottom: 12px
}

.tp1-pb-4n {
    padding-bottom: 16px
}

.tp1-pb-5n {
    padding-bottom: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pb-pad-1n {
        padding-bottom:4px
    }

    .tp1-pb-pad-2n {
        padding-bottom: 8px
    }

    .tp1-pb-pad-3n {
        padding-bottom: 12px
    }

    .tp1-pb-pad-4n {
        padding-bottom: 16px
    }

    .tp1-pb-pad-5n {
        padding-bottom: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pb-phone-1n {
        padding-bottom:4px
    }

    .tp1-pb-phone-2n {
        padding-bottom: 8px
    }

    .tp1-pb-phone-3n {
        padding-bottom: 12px
    }

    .tp1-pb-phone-4n {
        padding-bottom: 16px
    }

    .tp1-pb-phone-5n {
        padding-bottom: 20px
    }
}

.tp1-pl-1n {
    padding-left: 4px
}

.tp1-pl-2n {
    padding-left: 8px
}

.tp1-pl-3n {
    padding-left: 12px
}

.tp1-pl-4n {
    padding-left: 16px
}

.tp1-pl-5n {
    padding-left: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pl-pad-1n {
        padding-left:4px
    }

    .tp1-pl-pad-2n {
        padding-left: 8px
    }

    .tp1-pl-pad-3n {
        padding-left: 12px
    }

    .tp1-pl-pad-4n {
        padding-left: 16px
    }

    .tp1-pl-pad-5n {
        padding-left: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pl-phone-1n {
        padding-left:4px
    }

    .tp1-pl-phone-2n {
        padding-left: 8px
    }

    .tp1-pl-phone-3n {
        padding-left: 12px
    }

    .tp1-pl-phone-4n {
        padding-left: 16px
    }

    .tp1-pl-phone-5n {
        padding-left: 20px
    }
}

.tp1-pr-1n {
    padding-right: 4px
}

.tp1-pr-2n {
    padding-right: 8px
}

.tp1-pr-3n {
    padding-right: 12px
}

.tp1-pr-4n {
    padding-right: 16px
}

.tp1-pr-5n {
    padding-right: 20px
}

@media screen and (max-width: 768px) {
    .tp1-pr-pad-1n {
        padding-right:4px
    }

    .tp1-pr-pad-2n {
        padding-right: 8px
    }

    .tp1-pr-pad-3n {
        padding-right: 12px
    }

    .tp1-pr-pad-4n {
        padding-right: 16px
    }

    .tp1-pr-pad-5n {
        padding-right: 20px
    }
}

@media screen and (max-width: 600px) {
    .tp1-pr-phone-1n {
        padding-right:4px
    }

    .tp1-pr-phone-2n {
        padding-right: 8px
    }

    .tp1-pr-phone-3n {
        padding-right: 12px
    }

    .tp1-pr-phone-4n {
        padding-right: 16px
    }

    .tp1-pr-phone-5n {
        padding-right: 20px
    }
}

.tp1-dis-block {
    display: block!important
}

.tp1-dis-inline-block {
    display: inline-block!important
}

.tp1-dis-none {
    display: none!important
}

@media screen and (max-width: 768px) {
    .tp1-dis-pad-block {
        display:block!important
    }

    .tp1-dis-pad-inline-block {
        display: inline-block!important
    }

    .tp1-dis-pad-none {
        display: none!important
    }
}

@media screen and (max-width: 600px) {
    .tp1-dis-phone-block {
        display:block!important
    }

    .tp1-dis-phone-inline-block {
        display: inline-block!important
    }

    .tp1-dis-phone-none {
        display: none!important
    }
}

.tp1-loading {
    text-align: center
}

.tp1-loading__dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    background-color: #00a4ff;
    border-radius: 100%;
    -webkit-animation: loadinganimationdelay .7s ease-in-out infinite both;
    animation: loadingAnimationDelay .7s ease-in-out infinite both
}

.tp1-loading__dot:first-child {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.tp1-loading__dot:nth-child(2) {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.tp1-loading--white .tp1-loading__dot {
    background-color: #fff
}

.tp1-loading.size-s .tp1-loading__dot {
    width: 8px;
    height: 8px;
    margin-right: 1px;
    margin-left: 1px
}

@-webkit-keyframes loadingAnimationDelay {
    0%,80%,to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes loadingAnimationDelay {
    0%,80%,to {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: .4
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.tp1-icon {
    width: 1em;
    height: 1em;
    font-size: 16px;
    line-height: 1
}

.tp1-icon--error-24,.tp1-icon--info-24,.tp1-icon--pending-24,.tp1-icon--success-24,.tp1-icon--warning-24 {
    font-size: 24px
}

.tp1-icon--loading-32 {
    font-size: 32px
}

.tp1-icon--loading,.tp1-icon--loading-32 {
    -webkit-animation: tp1-iconloading 2s linear infinite;
    animation: tp1-iconloading 2s linear infinite
}

.tp1-icon.size-auto {
    width: 100%;
    height: auto
}

@-webkit-keyframes tp1-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes tp1-iconloading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.tp1-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #00a4ff;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer
}

.tp1-btn:active,.tp1-btn:hover {
    background-color: #0092ee;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tp1-btn.is-disabled {
    cursor: default
}

.tp1-btn.is-disabled,.tp1-btn.is-disabled:active,.tp1-btn.is-disabled:hover {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp1-btn--pay {
    background-color: #ff7200
}

.tp1-btn--pay:active,.tp1-btn--pay:hover {
    background-color: #f06c00
}

.tp1-btn--pay.is-loading:active,.tp1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tp1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn--hole {
    color: #00a4ff;
    background-color: transparent;
    border-color: #00a4ff
}

.tp1-btn--hole:active,.tp1-btn--hole:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.15)
}

.tp1-btn--hole.is-loading:active,.tp1-btn--hole.is-loading:hover,.tp1-btn--weak-hole {
    background-color: transparent
}

.tp1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tp1-btn--weak-hole:active,.tp1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tp1-btn--weak-hole.is-loading:active,.tp1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.tp1-btn--white-hole:active,.tp1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tp1-btn--white-hole.is-loading:active,.tp1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tp1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #00a4ff;
    background-color: transparent;
    border: none
}

.tp1-btn--link:active,.tp1-btn--link:hover {
    color: #0092ee;
    background-color: transparent
}

.tp1-btn--link.is-disabled {
    background-color: transparent
}

.tp1-btn--link.is-disabled:active,.tp1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    border: none
}

.tp1-btn--link-weak:active,.tp1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tp1-btn--link-weak.is-disabled:active,.tp1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tp1-btn--icon {
    display: -webkit-inline-box;
    display: inline-flex
}

.tp1-btn--icon,.tp1-btn .tp1-btn__icon {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.tp1-btn .tp1-btn__icon {
    display: -webkit-box;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tp1-btn .tp1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tp1-btn .tp1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tp1-btn .tp1-btn__icon svg {
    width: 1em;
    height: auto
}

.tp1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tp1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tp1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tp1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tp1-btn.size-xl,.tp1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tp1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tp1-btn--link-weak.size-auto,.tp1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tp1-btn.size-auto-width {
    min-width: 0
}

.tp1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tp1-btn--icon.size-full-width {
    display: -webkit-box;
    display: flex
}

.tp1-btn--link-weak[class*=" size-"],.tp1-btn--link-weak[class^=size-],.tp1-btn--link[class*=" size-"],.tp1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tp1-btn.is-loading {
    cursor: default
}

.tp1-btn--primary.is-loading:active,.tp1-btn--primary.is-loading:hover {
    background-color: #00a4ff
}

.tp1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tp1-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tp1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tp1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tp1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tp1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tp1-btn--link,.tp1-btn--link-weak,.tp1-btn--link-weak[class*=" m-size-"],.tp1-btn--link-weak[class^=m-size-],.tp1-btn--link[class*=" m-size-"],.tp1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.tpm1-btn {
    display: inline-block;
    box-sizing: border-box;
    min-width: 104px;
    height: 36px;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background-color: #0052d9;
    border: 1px solid transparent;
    outline: 0 none;
    cursor: pointer;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.tpm1-btn:active,.tpm1-btn:hover {
    background-color: #2670e8;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tpm1-btn.is-disabled {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #ecf2fe;
    cursor: default;
    box-shadow: none
}

.tpm1-btn.is-disabled:active,.tpm1-btn.is-disabled:hover {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #d6dbe3;
    box-shadow: inherit
}

.tpm1-btn--white {
    background-color: #fff;
    color: #43474d;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5)
}

.tpm1-btn--white:active,.tpm1-btn--white:hover {
    border-color: #2670e8;
    background-color: #ecf2fe;
    box-shadow: none;
    color: #0052d9
}

.tpm1-btn--white.is-loading:active,.tpm1-btn--white.is-loading:hover {
    background-color: #fff;
    color: #43474d
}

.tpm1-btn--pay {
    background-color: #ff7200
}

.tpm1-btn--pay:active,.tpm1-btn--pay:hover {
    background-color: #f06c00
}

.tpm1-btn--pay.is-loading:active,.tpm1-btn--pay.is-loading:hover {
    background-color: #ff7200
}

.tpm1-btn--pay .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn--hole {
    color: #0052d9;
    background-color: transparent;
    border-color: #0052d9
}

.tpm1-btn--hole:active,.tpm1-btn--hole:hover {
    color: #0052d9;
    background-color: rgba(0,82,217,.15)
}

.tpm1-btn--hole.is-loading:active,.tpm1-btn--hole.is-loading:hover,.tpm1-btn--weak-hole {
    background-color: transparent
}

.tpm1-btn--weak-hole {
    color: #666;
    border-color: #ddd
}

.tpm1-btn--weak-hole:active,.tpm1-btn--weak-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #999
}

.tpm1-btn--weak-hole.is-loading:active,.tpm1-btn--weak-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--white-hole {
    color: #fff;
    background-color: transparent;
    border-color: hsla(0,0%,100%,.6);
    box-shadow: none
}

.tpm1-btn--white-hole:active,.tpm1-btn--white-hole:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.tpm1-btn--white-hole.is-loading:active,.tpm1-btn--white-hole.is-loading:hover {
    background-color: transparent;
    border-color: #ddd
}

.tpm1-btn--link {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    box-shadow: none;
    border-width: 0
}

.tpm1-btn--link,.tpm1-btn--link:active,.tpm1-btn--link:hover {
    color: #0052d9;
    background-color: transparent
}

.tpm1-btn--link.is-disabled {
    background-color: transparent
}

.tpm1-btn--link.is-disabled:active,.tpm1-btn--link.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--link-weak {
    min-width: auto;
    padding-right: 0;
    padding-left: 0;
    color: #666;
    background-color: transparent;
    box-shadow: none;
    border-width: 0
}

.tpm1-btn--link-weak:active,.tpm1-btn--link-weak:hover {
    color: #000;
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled {
    background-color: transparent
}

.tpm1-btn--link-weak.is-disabled:active,.tpm1-btn--link-weak.is-disabled:hover {
    background-color: transparent;
    pointer-events: none
}

.tpm1-btn--icon {
    display: -webkit-inline-box;
    display: inline-flex
}

.tpm1-btn--icon,.tpm1-btn .tpm1-btn__icon {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-btn .tpm1-btn__icon {
    display: -webkit-box;
    display: flex;
    margin-right: 4px;
    font-size: 16px
}

.tpm1-btn .tpm1-btn__icon:last-child {
    margin-right: 0;
    margin-left: 4px
}

.tpm1-btn .tpm1-btn__icon:only-child {
    margin-right: 0;
    margin-left: 0
}

.tpm1-btn .tpm1-btn__icon svg {
    width: 1em;
    height: auto
}

.tpm1-btn.size-xs {
    min-width: 80px;
    height: 28px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 26px
}

.tpm1-btn.size-s {
    min-width: 104px;
    height: 32px;
    padding: 0 24px;
    line-height: 30px
}

.tpm1-btn.size-l {
    min-width: 152px;
    height: 40px;
    padding: 0 24px;
    line-height: 38px
}

.tpm1-btn.size-xl {
    height: 44px;
    line-height: 42px
}

.tpm1-btn.size-xl,.tpm1-btn.size-xxl {
    min-width: 176px;
    padding: 0 24px;
    font-size: 16px
}

.tpm1-btn.size-xxl {
    height: 48px;
    line-height: 46px
}

.tpm1-btn--link-weak.size-auto,.tpm1-btn--link.size-auto {
    width: auto;
    min-width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit
}

.tpm1-btn.size-auto-width {
    min-width: 0
}

.tpm1-btn.size-full-width {
    display: block;
    width: 100%;
    min-width: 0
}

.tpm1-btn--icon.size-full-width {
    display: -webkit-box;
    display: flex
}

.tpm1-btn--link-weak[class*=" size-"],.tpm1-btn--link-weak[class^=size-],.tpm1-btn--link[class*=" size-"],.tpm1-btn--link[class^=size-] {
    min-width: auto;
    padding-right: 0;
    padding-left: 0
}

.tpm1-btn.is-loading {
    cursor: default
}

.tpm1-btn--primary.is-loading:active,.tpm1-btn--primary.is-loading:hover {
    background-color: #0052d9
}

.tpm1-btn--primary .tp1-loading__dot {
    background-color: #fff
}

.tpm1-btn__text {
    color: inherit
}

@media screen and (max-width: 600px) {
    .tpm1-btn {
        min-width:88px;
        height: 36px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 34px
    }

    .tpm1-btn.m-size-s {
        min-width: 66px;
        height: 32px;
        padding: 0 18px;
        line-height: 30px
    }

    .tpm1-btn.m-size-xl {
        min-width: 160px;
        height: 44px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 42px
    }

    .tpm1-btn.m-size-xxl {
        width: 100%;
        min-width: auto;
        height: 48px;
        padding: 0 24px;
        font-size: 16px;
        line-height: 46px
    }

    .tpm1-btn--link,.tpm1-btn--link-weak,.tpm1-btn--link-weak[class*=" m-size-"],.tpm1-btn--link-weak[class^=m-size-],.tpm1-btn--link[class*=" m-size-"],.tpm1-btn--link[class^=m-size-] {
        min-width: auto;
        padding-right: 0;
        padding-left: 0
    }
}

.tpm1-list {
    -webkit-font-smoothing: antialiased
}

.tpm1-list__item {
    padding-left: 24px;
    position: relative
}

.tpm1-list__item+.tpm1-list__item {
    margin-top: 12px
}

.tpm1-list__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-list-hook.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.tpm1-list__item--icon {
    padding-left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.tpm1-list__item--icon:before {
    display: none
}

.tpm1-list__item--icon+.tpm1-list__item--icon {
    margin-top: 28px
}

.tpm1-list__item-icon {
    width: 24px;
    margin-right: 16px
}

.tpm1-list__item-cnt {
    overflow: hidden
}

.tpm1-list__item-tit {
    font-size: 18px;
    color: #16181a;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tpm1-list__item-text {
    font-size: 14px;
    color: #495770;
    line-height: 24px
}

.tpm1-list--blue-hook>li:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-list-blue-hook.svg)
}

.tpm1-list--blue-hook>li+.tpm1-list--blue-hook>li {
    margin-top: 12px
}

.tpm1-list--dot>li:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-list-dot.svg)
}

.tpm1-list--post>li:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-list-post.svg)
}

@media screen and (max-width: 768px) {
    .tpm1-list__item+.tpm1-list__item {
        margin-top:8px
    }

    .tpm1-list__item--icon+.tpm1-list__item--icon {
        margin-top: 20px
    }
}

.tp1-grid__layout {
    overflow: hidden
}

.tp1-grid__row {
    display: -webkit-box;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.tp1-grid__row--start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.tp1-grid__row--center {
    -webkit-box-pack: center;
    justify-content: center
}

.tp1-grid__row--end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.tp1-grid__row--space-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.tp1-grid__row--space-around {
    justify-content: space-around
}

.tp1-grid__row--top {
    -webkit-box-align: start;
    align-items: flex-start
}

.tp1-grid__row--middle {
    -webkit-box-align: center;
    align-items: center
}

.tp1-grid__row--bottom {
    -webkit-box-align: end;
    align-items: flex-end
}

.tp1-grid__row--split-line .tp1-grid__col {
    position: relative
}

.tp1-grid__row--split-line .tp1-grid__col:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1px;
    background-color: #e5e8ed;
    content: ""
}

.tp1-grid__col {
    display: block;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
    -webkit-box-flex: 1
}

.tp1-grid__col--1-5 {
    display: block;
    flex: 0 0 auto;
    width: 20%;
    -webkit-box-flex: 0
}

.tp1-grid__col--0 {
    display: none
}

.tp1-grid__col--order-0 {
    -webkit-box-ordinal-group: 1;
    order: 0
}

.tp1-grid__col--1 {
    display: block;
    flex: 0 0 auto;
    width: 4.16667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1
}

.tp1-grid__col--2 {
    display: block;
    flex: 0 0 auto;
    width: 8.33333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2
}

.tp1-grid__col--3 {
    display: block;
    flex: 0 0 auto;
    width: 12.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-3 {
    -webkit-box-ordinal-group: 4;
    order: 3
}

.tp1-grid__col--4 {
    display: block;
    flex: 0 0 auto;
    width: 16.66667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-4 {
    -webkit-box-ordinal-group: 5;
    order: 4
}

.tp1-grid__col--5 {
    display: block;
    flex: 0 0 auto;
    width: 20.83333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-5 {
    -webkit-box-ordinal-group: 6;
    order: 5
}

.tp1-grid__col--6 {
    display: block;
    flex: 0 0 auto;
    width: 25%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-6 {
    -webkit-box-ordinal-group: 7;
    order: 6
}

.tp1-grid__col--7 {
    display: block;
    flex: 0 0 auto;
    width: 29.16667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-7 {
    -webkit-box-ordinal-group: 8;
    order: 7
}

.tp1-grid__col--8 {
    display: block;
    flex: 0 0 auto;
    width: 33.33333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-8 {
    -webkit-box-ordinal-group: 9;
    order: 8
}

.tp1-grid__col--9 {
    display: block;
    flex: 0 0 auto;
    width: 37.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-9 {
    -webkit-box-ordinal-group: 10;
    order: 9
}

.tp1-grid__col--10 {
    display: block;
    flex: 0 0 auto;
    width: 41.66667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-10 {
    -webkit-box-ordinal-group: 11;
    order: 10
}

.tp1-grid__col--11 {
    display: block;
    flex: 0 0 auto;
    width: 45.83333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-11 {
    -webkit-box-ordinal-group: 12;
    order: 11
}

.tp1-grid__col--12 {
    display: block;
    flex: 0 0 auto;
    width: 50%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-12 {
    -webkit-box-ordinal-group: 13;
    order: 12
}

.tp1-grid__col--13 {
    display: block;
    flex: 0 0 auto;
    width: 54.16667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-13 {
    -webkit-box-ordinal-group: 14;
    order: 13
}

.tp1-grid__col--14 {
    display: block;
    flex: 0 0 auto;
    width: 58.33333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-14 {
    -webkit-box-ordinal-group: 15;
    order: 14
}

.tp1-grid__col--15 {
    display: block;
    flex: 0 0 auto;
    width: 62.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-15 {
    -webkit-box-ordinal-group: 16;
    order: 15
}

.tp1-grid__col--16 {
    display: block;
    flex: 0 0 auto;
    width: 66.66667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-16 {
    -webkit-box-ordinal-group: 17;
    order: 16
}

.tp1-grid__col--17 {
    display: block;
    flex: 0 0 auto;
    width: 70.83333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-17 {
    -webkit-box-ordinal-group: 18;
    order: 17
}

.tp1-grid__col--18 {
    display: block;
    flex: 0 0 auto;
    width: 75%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-18 {
    -webkit-box-ordinal-group: 19;
    order: 18
}

.tp1-grid__col--19 {
    display: block;
    flex: 0 0 auto;
    width: 79.16667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-19 {
    -webkit-box-ordinal-group: 20;
    order: 19
}

.tp1-grid__col--20 {
    display: block;
    flex: 0 0 auto;
    width: 83.33333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-20 {
    -webkit-box-ordinal-group: 21;
    order: 20
}

.tp1-grid__col--21 {
    display: block;
    flex: 0 0 auto;
    width: 87.5%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-21 {
    -webkit-box-ordinal-group: 22;
    order: 21
}

.tp1-grid__col--22 {
    display: block;
    flex: 0 0 auto;
    width: 91.66667%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-22 {
    -webkit-box-ordinal-group: 23;
    order: 22
}

.tp1-grid__col--23 {
    display: block;
    flex: 0 0 auto;
    width: 95.83333%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-23 {
    -webkit-box-ordinal-group: 24;
    order: 23
}

.tp1-grid__col--24 {
    display: block;
    flex: 0 0 auto;
    width: 100%;
    -webkit-box-flex: 0
}

.tp1-grid__col--order-24 {
    -webkit-box-ordinal-group: 25;
    order: 24
}

@media (max-width: 1200px) {
    .tp1-grid__col--smallpc-1-5 {
        display:block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-0 {
        display: none
    }

    .tp1-grid__col--smallpc-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--smallpc-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--smallpc-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--smallpc-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--smallpc-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--smallpc-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--smallpc-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--smallpc-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--smallpc-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--smallpc-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--smallpc-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--smallpc-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--smallpc-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--smallpc-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--smallpc-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--smallpc-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--smallpc-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--smallpc-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--smallpc-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--smallpc-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--smallpc-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--smallpc-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--smallpc-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--smallpc-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--smallpc-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--smallpc-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 1000px) {
    .tp1-grid__col--tablet-1-5 {
        display:block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-0 {
        display: none
    }

    .tp1-grid__col--tablet-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--tablet-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--tablet-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--tablet-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--tablet-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--tablet-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--tablet-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--tablet-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--tablet-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--tablet-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--tablet-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--tablet-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--tablet-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--tablet-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--tablet-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--tablet-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--tablet-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--tablet-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--tablet-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--tablet-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--tablet-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--tablet-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--tablet-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--tablet-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--tablet-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--tablet-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 768px) {
    .tp1-grid__col--pad-1-5 {
        display:block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-0 {
        display: none
    }

    .tp1-grid__col--pad-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--pad-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--pad-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--pad-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--pad-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--pad-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--pad-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--pad-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--pad-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--pad-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--pad-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--pad-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--pad-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--pad-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--pad-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--pad-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--pad-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--pad-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--pad-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--pad-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--pad-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--pad-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--pad-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--pad-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--pad-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--pad-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 600px) {
    .tp1-grid__col--phone-1-5 {
        display:block;
        flex: 0 0 auto;
        width: 20%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-0 {
        display: none
    }

    .tp1-grid__col--phone-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--phone-1 {
        display: block;
        flex: 0 0 auto;
        width: 4.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--phone-2 {
        display: block;
        flex: 0 0 auto;
        width: 8.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--phone-3 {
        display: block;
        flex: 0 0 auto;
        width: 12.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--phone-4 {
        display: block;
        flex: 0 0 auto;
        width: 16.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--phone-5 {
        display: block;
        flex: 0 0 auto;
        width: 20.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--phone-6 {
        display: block;
        flex: 0 0 auto;
        width: 25%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--phone-7 {
        display: block;
        flex: 0 0 auto;
        width: 29.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--phone-8 {
        display: block;
        flex: 0 0 auto;
        width: 33.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--phone-9 {
        display: block;
        flex: 0 0 auto;
        width: 37.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--phone-10 {
        display: block;
        flex: 0 0 auto;
        width: 41.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--phone-11 {
        display: block;
        flex: 0 0 auto;
        width: 45.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--phone-12 {
        display: block;
        flex: 0 0 auto;
        width: 50%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--phone-13 {
        display: block;
        flex: 0 0 auto;
        width: 54.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--phone-14 {
        display: block;
        flex: 0 0 auto;
        width: 58.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--phone-15 {
        display: block;
        flex: 0 0 auto;
        width: 62.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--phone-16 {
        display: block;
        flex: 0 0 auto;
        width: 66.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--phone-17 {
        display: block;
        flex: 0 0 auto;
        width: 70.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--phone-18 {
        display: block;
        flex: 0 0 auto;
        width: 75%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--phone-19 {
        display: block;
        flex: 0 0 auto;
        width: 79.16667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--phone-20 {
        display: block;
        flex: 0 0 auto;
        width: 83.33333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--phone-21 {
        display: block;
        flex: 0 0 auto;
        width: 87.5%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--phone-22 {
        display: block;
        flex: 0 0 auto;
        width: 91.66667%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--phone-23 {
        display: block;
        flex: 0 0 auto;
        width: 95.83333%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--phone-24 {
        display: block;
        flex: 0 0 auto;
        width: 100%;
        -webkit-box-flex: 0
    }

    .tp1-grid__col--phone-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

.tp1-grid__row.tp1-grid--gutter-0n {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0
}

.tp1-grid__row.tp1-grid--gutter-0n .tp1-grid__col {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

.tp1-grid__row.tp1-grid--gutter-1n {
    margin-right: -2px;
    margin-bottom: -4px;
    margin-left: -2px
}

.tp1-grid__row.tp1-grid--gutter-1n .tp1-grid__col {
    margin-bottom: 4px;
    padding-right: 2px;
    padding-left: 2px
}

.tp1-grid__row.tp1-grid--gutter-2n {
    margin-right: -4px;
    margin-bottom: -8px;
    margin-left: -4px
}

.tp1-grid__row.tp1-grid--gutter-2n .tp1-grid__col {
    margin-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px
}

.tp1-grid__row.tp1-grid--gutter-3n {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px
}

.tp1-grid__row.tp1-grid--gutter-3n .tp1-grid__col {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px
}

.tp1-grid__row.tp1-grid--gutter-4n {
    margin-right: -8px;
    margin-bottom: -16px;
    margin-left: -8px
}

.tp1-grid__row.tp1-grid--gutter-4n .tp1-grid__col {
    margin-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px
}

.tp1-grid__row.tp1-grid--gutter-5n {
    margin-right: -10px;
    margin-bottom: -20px;
    margin-left: -10px
}

.tp1-grid__row.tp1-grid--gutter-5n .tp1-grid__col {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
}

.tp1-grid__row.tp1-grid--gutter-6n {
    margin-right: -12px;
    margin-bottom: -24px;
    margin-left: -12px
}

.tp1-grid__row.tp1-grid--gutter-6n .tp1-grid__col {
    margin-bottom: 24px;
    padding-right: 12px;
    padding-left: 12px
}

.tp1-grid__row.tp1-grid--gutter-7n {
    margin-right: -14px;
    margin-bottom: -28px;
    margin-left: -14px
}

.tp1-grid__row.tp1-grid--gutter-7n .tp1-grid__col {
    margin-bottom: 28px;
    padding-right: 14px;
    padding-left: 14px
}

.tp1-grid__row.tp1-grid--gutter-8n {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px
}

.tp1-grid__row.tp1-grid--gutter-8n .tp1-grid__col {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px
}

.tp1-grid__row.tp1-grid--gutter-9n {
    margin-right: -18px;
    margin-bottom: -36px;
    margin-left: -18px
}

.tp1-grid__row.tp1-grid--gutter-9n .tp1-grid__col {
    margin-bottom: 36px;
    padding-right: 18px;
    padding-left: 18px
}

.tp1-grid__row.tp1-grid--gutter-10n {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px
}

.tp1-grid__row.tp1-grid--gutter-10n .tp1-grid__col {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px
}

@media (max-width: 1200px) {
    .tp1-grid__row.tp1-grid--gutter-smallpc-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-smallpc-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 1000px) {
    .tp1-grid__row.tp1-grid--gutter-tablet-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-tablet-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 768px) {
    .tp1-grid__row.tp1-grid--gutter-pad-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-pad-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-pad-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-pad-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width: 600px) {
    .tp1-grid__row.tp1-grid--gutter-phone-0n {
        margin-right:0;
        margin-bottom: 0;
        margin-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-phone-0n .tp1-grid__col {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .tp1-grid__row.tp1-grid--gutter-phone-1n {
        margin-right: -2px;
        margin-bottom: -4px;
        margin-left: -2px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-1n .tp1-grid__col {
        margin-bottom: 4px;
        padding-right: 2px;
        padding-left: 2px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-2n {
        margin-right: -4px;
        margin-bottom: -8px;
        margin-left: -4px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-2n .tp1-grid__col {
        margin-bottom: 8px;
        padding-right: 4px;
        padding-left: 4px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-3n {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-3n .tp1-grid__col {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-4n {
        margin-right: -8px;
        margin-bottom: -16px;
        margin-left: -8px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-4n .tp1-grid__col {
        margin-bottom: 16px;
        padding-right: 8px;
        padding-left: 8px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-5n {
        margin-right: -10px;
        margin-bottom: -20px;
        margin-left: -10px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-5n .tp1-grid__col {
        margin-bottom: 20px;
        padding-right: 10px;
        padding-left: 10px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-6n {
        margin-right: -12px;
        margin-bottom: -24px;
        margin-left: -12px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-6n .tp1-grid__col {
        margin-bottom: 24px;
        padding-right: 12px;
        padding-left: 12px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-7n {
        margin-right: -14px;
        margin-bottom: -28px;
        margin-left: -14px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-7n .tp1-grid__col {
        margin-bottom: 28px;
        padding-right: 14px;
        padding-left: 14px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-8n {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-8n .tp1-grid__col {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-9n {
        margin-right: -18px;
        margin-bottom: -36px;
        margin-left: -18px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-9n .tp1-grid__col {
        margin-bottom: 36px;
        padding-right: 18px;
        padding-left: 18px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-10n {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px
    }

    .tp1-grid__row.tp1-grid--gutter-phone-10n .tp1-grid__col {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.tpm1-grid {
    color: red
}

@media (max-width: 768px) {
    .tp1-grid__col--pad-1-5 {
        display:block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
        box-flex: 0
    }

    .tp1-grid__col--pad-0 {
        display: none
    }

    .tp1-grid__col--pad-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--pad-1 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 4.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--pad-2 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--pad-3 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 12.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--pad-4 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--pad-5 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--pad-6 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--pad-7 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 29.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--pad-8 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--pad-9 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 37.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--pad-10 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--pad-11 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 45.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--pad-12 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--pad-13 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 54.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--pad-14 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--pad-15 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 62.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--pad-16 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--pad-17 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 70.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--pad-18 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--pad-19 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 79.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--pad-20 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--pad-21 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 87.5%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--pad-22 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--pad-23 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 95.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--pad-24 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
        box-flex: 0
    }

    .tp1-grid__col--pad-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

@media (max-width: 600px) {
    .tp1-grid__col--phone-1-5 {
        display:block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20%;
        box-flex: 0
    }

    .tp1-grid__col--phone-0 {
        display: none
    }

    .tp1-grid__col--phone-order-0 {
        -webkit-box-ordinal-group: 1;
        order: 0
    }

    .tp1-grid__col--phone-1 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 4.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-1 {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tp1-grid__col--phone-2 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 8.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-2 {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tp1-grid__col--phone-3 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 12.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-3 {
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .tp1-grid__col--phone-4 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-4 {
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .tp1-grid__col--phone-5 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 20.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-5 {
        -webkit-box-ordinal-group: 6;
        order: 5
    }

    .tp1-grid__col--phone-6 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 25%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-6 {
        -webkit-box-ordinal-group: 7;
        order: 6
    }

    .tp1-grid__col--phone-7 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 29.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-7 {
        -webkit-box-ordinal-group: 8;
        order: 7
    }

    .tp1-grid__col--phone-8 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-8 {
        -webkit-box-ordinal-group: 9;
        order: 8
    }

    .tp1-grid__col--phone-9 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 37.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-9 {
        -webkit-box-ordinal-group: 10;
        order: 9
    }

    .tp1-grid__col--phone-10 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 41.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-10 {
        -webkit-box-ordinal-group: 11;
        order: 10
    }

    .tp1-grid__col--phone-11 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 45.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-11 {
        -webkit-box-ordinal-group: 12;
        order: 11
    }

    .tp1-grid__col--phone-12 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 50%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-12 {
        -webkit-box-ordinal-group: 13;
        order: 12
    }

    .tp1-grid__col--phone-13 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 54.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-13 {
        -webkit-box-ordinal-group: 14;
        order: 13
    }

    .tp1-grid__col--phone-14 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 58.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-14 {
        -webkit-box-ordinal-group: 15;
        order: 14
    }

    .tp1-grid__col--phone-15 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 62.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-15 {
        -webkit-box-ordinal-group: 16;
        order: 15
    }

    .tp1-grid__col--phone-16 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 66.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-16 {
        -webkit-box-ordinal-group: 17;
        order: 16
    }

    .tp1-grid__col--phone-17 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 70.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-17 {
        -webkit-box-ordinal-group: 18;
        order: 17
    }

    .tp1-grid__col--phone-18 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 75%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-18 {
        -webkit-box-ordinal-group: 19;
        order: 18
    }

    .tp1-grid__col--phone-19 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 79.1666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-19 {
        -webkit-box-ordinal-group: 20;
        order: 19
    }

    .tp1-grid__col--phone-20 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 83.3333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-20 {
        -webkit-box-ordinal-group: 21;
        order: 20
    }

    .tp1-grid__col--phone-21 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 87.5%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-21 {
        -webkit-box-ordinal-group: 22;
        order: 21
    }

    .tp1-grid__col--phone-22 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 91.6666666667%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-22 {
        -webkit-box-ordinal-group: 23;
        order: 22
    }

    .tp1-grid__col--phone-23 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 95.8333333333%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-23 {
        -webkit-box-ordinal-group: 24;
        order: 23
    }

    .tp1-grid__col--phone-24 {
        display: block;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: 100%;
        box-flex: 0
    }

    .tp1-grid__col--phone-order-24 {
        -webkit-box-ordinal-group: 25;
        order: 24
    }
}

.tp1-link {
    color: #00a4ff;
    text-decoration: none;
    cursor: pointer
}

.tp1-link:hover {
    color: #0092ee;
    text-decoration: underline
}

.tp1-link--arrow,.tp1-link--weak-arrow,.tp1-link--white-arrow {
    font-size: 14px
}

.tp1-link--arrow:after,.tp1-link--weak-arrow:after,.tp1-link--white-arrow:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow.svg);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.tp1-link--arrow:hover,.tp1-link--weak-arrow:hover,.tp1-link--white-arrow:hover {
    text-decoration: none
}

.tp1-link--arrow:hover:after,.tp1-link--weak-arrow:hover:after,.tp1-link--white-arrow:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

.tp1-link--arrow.tp1-link--disabled:after,.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-disabled.svg)
}

.tp1-link--arrow.tp1-link--disabled:hover:after,.tp1-link--arrow.tp1-link--disabled:hover:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.tp1-link--disabled:hover:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:after,.tp1-link--white-arrow.tp1-link--disabled:hover:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.tp1-link--arrow.size-s,.tp1-link--weak-arrow.size-s,.tp1-link--white-arrow.size-s {
    font-size: 12px
}

.tp1-link--arrow.size-s:after,.tp1-link--weak-arrow.size-s:after,.tp1-link--white-arrow.size-s:after {
    width: 5px;
    height: 8px;
    margin-left: 5px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-s.svg)
}

.tp1-link--arrow.size-s.tp1-link--disabled:after,.tp1-link--arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:after,.tp1-link--white-arrow.size-s.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-s-disabled.svg)
}

.tp1-link--arrow.size-l,.tp1-link--weak-arrow.size-l,.tp1-link--white-arrow.size-l {
    font-size: 16px
}

.tp1-link.size-s {
    font-size: 12px
}

.tp1-link.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow {
    color: #666
}

.tp1-link--weak-arrow:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-gray.svg)
}

.tp1-link--weak-arrow:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow.svg)
}

.tp1-link--weak-arrow.size-s:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-s-gray.svg)
}

.tp1-link--weak-arrow.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-s.svg)
}

.tp1-link--white-arrow {
    color: #fff
}

.tp1-link--white-arrow:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-white.svg)
}

.tp1-link--white-arrow:hover {
    color: #fff
}

.tp1-link--white-arrow:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-white.svg)
}

.tp1-link--white-arrow.size-s:after,.tp1-link--white-arrow.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-s-white.svg)
}

.tp1-link--arrow-left,.tp1-link--weak-arrow-left,.tp1-link--white-arrow-left {
    font-size: 14px
}

.tp1-link--arrow-left:before,.tp1-link--weak-arrow-left:before,.tp1-link--white-arrow-left:before {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-right: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left.svg);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    content: ""
}

.tp1-link--arrow-left:hover,.tp1-link--weak-arrow-left:hover,.tp1-link--white-arrow-left:hover {
    text-decoration: none
}

.tp1-link--arrow-left:hover:before,.tp1-link--weak-arrow-left:hover:before,.tp1-link--white-arrow-left:hover:before {
    -webkit-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    transform: translateX(-4px)
}

.tp1-link--arrow-left.tp1-link--disabled:before,.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-disabled.svg)
}

.tp1-link--arrow-left.tp1-link--disabled:hover:before,.tp1-link--arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.tp1-link--disabled:hover:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.tp1-link--disabled:hover:hover:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.tp1-link--arrow-left.size-s,.tp1-link--weak-arrow-left.size-s,.tp1-link--white-arrow-left.size-s {
    font-size: 12px
}

.tp1-link--arrow-left.size-s:before,.tp1-link--weak-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:before {
    width: 5px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-s.svg)
}

.tp1-link--arrow-left.size-s.tp1-link--disabled:before,.tp1-link--arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--weak-arrow-left.size-s.tp1-link--disabled:hover:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:before,.tp1-link--white-arrow-left.size-s.tp1-link--disabled:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-s-disabled.svg)
}

.tp1-link--arrow-left.size-l,.tp1-link--weak-arrow-left.size-l,.tp1-link--white-arrow-left.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-left {
    color: #666
}

.tp1-link--weak-arrow-left:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-gray.svg)
}

.tp1-link--weak-arrow-left:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-left:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left.svg)
}

.tp1-link--weak-arrow-left.size-s:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-s-gray.svg)
}

.tp1-link--weak-arrow-left.size-s:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-s.svg)
}

.tp1-link--white-arrow-left {
    color: #fff
}

.tp1-link--white-arrow-left:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-white.svg)
}

.tp1-link--white-arrow-left:hover {
    color: #fff
}

.tp1-link--white-arrow-left:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-white.svg)
}

.tp1-link--white-arrow-left.size-s:before,.tp1-link--white-arrow-left.size-s:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-left-s-white.svg)
}

.tp1-link--arrow-top,.tp1-link--weak-arrow-top,.tp1-link--white-arrow-top {
    font-size: 14px
}

.tp1-link--arrow-top:after,.tp1-link--weak-arrow-top:after,.tp1-link--white-arrow-top:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top.svg);
    content: ""
}

.tp1-link--arrow-top:hover,.tp1-link--weak-arrow-top:hover,.tp1-link--white-arrow-top:hover {
    text-decoration: none
}

.tp1-link--arrow-top.tp1-link--disabled:after,.tp1-link--arrow-top.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.tp1-link--disabled:after,.tp1-link--weak-arrow-top.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.tp1-link--disabled:after,.tp1-link--white-arrow-top.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-disabled.svg)
}

.tp1-link--arrow-top.size-s,.tp1-link--weak-arrow-top.size-s,.tp1-link--white-arrow-top.size-s {
    font-size: 12px
}

.tp1-link--arrow-top.size-s:after,.tp1-link--weak-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-s.svg)
}

.tp1-link--arrow-top.size-s.tp1-link--disabled:after,.tp1-link--arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-top.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-top.size-s.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-s-disabled.svg)
}

.tp1-link--arrow-top.size-l,.tp1-link--weak-arrow-top.size-l,.tp1-link--white-arrow-top.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-top {
    color: #666
}

.tp1-link--weak-arrow-top:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-gray.svg)
}

.tp1-link--weak-arrow-top:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-top:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top.svg)
}

.tp1-link--weak-arrow-top.size-s:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-s-gray.svg)
}

.tp1-link--weak-arrow-top.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-s.svg)
}

.tp1-link--white-arrow-top {
    color: #fff
}

.tp1-link--white-arrow-top:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-white.svg)
}

.tp1-link--white-arrow-top:hover {
    color: #fff
}

.tp1-link--white-arrow-top:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-white.svg)
}

.tp1-link--white-arrow-top.size-s:after,.tp1-link--white-arrow-top.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-top-s-white.svg)
}

.tp1-link--arrow-bottom,.tp1-link--weak-arrow-bottom,.tp1-link--white-arrow-bottom {
    font-size: 14px
}

.tp1-link--arrow-bottom:after,.tp1-link--weak-arrow-bottom:after,.tp1-link--white-arrow-bottom:after {
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-left: 4px;
    overflow: hidden;
    vertical-align: 1px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom.svg);
    content: ""
}

.tp1-link--arrow-bottom:hover,.tp1-link--weak-arrow-bottom:hover,.tp1-link--white-arrow-bottom:hover {
    text-decoration: none
}

.tp1-link--arrow-bottom.tp1-link--disabled:after,.tp1-link--arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-disabled.svg)
}

.tp1-link--arrow-bottom.size-s,.tp1-link--weak-arrow-bottom.size-s,.tp1-link--white-arrow-bottom.size-s {
    font-size: 12px
}

.tp1-link--arrow-bottom.size-s:after,.tp1-link--weak-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:after {
    width: 8px;
    height: 5px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-s.svg)
}

.tp1-link--arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--weak-arrow-bottom.size-s.tp1-link--disabled:hover:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:after,.tp1-link--white-arrow-bottom.size-s.tp1-link--disabled:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-s-disabled.svg)
}

.tp1-link--arrow-bottom.size-l,.tp1-link--weak-arrow-bottom.size-l,.tp1-link--white-arrow-bottom.size-l {
    font-size: 16px
}

.tp1-link--weak-arrow-bottom {
    color: #666
}

.tp1-link--weak-arrow-bottom:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-gray.svg)
}

.tp1-link--weak-arrow-bottom:hover {
    color: #00a4ff
}

.tp1-link--weak-arrow-bottom:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom.svg)
}

.tp1-link--weak-arrow-bottom.size-s:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-s-gray.svg)
}

.tp1-link--weak-arrow-bottom.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-s.svg)
}

.tp1-link--white-arrow-bottom {
    color: #fff
}

.tp1-link--white-arrow-bottom:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-white.svg)
}

.tp1-link--white-arrow-bottom:hover {
    color: #fff
}

.tp1-link--white-arrow-bottom:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-white.svg)
}

.tp1-link--white-arrow-bottom.size-s:after,.tp1-link--white-arrow-bottom.size-s:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-bottom-s-white.svg)
}

.tp1-link--disabled,.tp1-link--disabled:hover {
    color: #999;
    cursor: default;
    pointer-events: none
}

.tp1-link--underline-primary {
    position: relative
}

.tp1-link--underline-primary:hover {
    text-decoration: none
}

.tp1-link--underline-primary:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #00a4ff;
    content: ""
}

.tp1-link--underline {
    position: relative;
    color: #333
}

.tp1-link--underline:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #333;
    content: ""
}

.tp1-link--underline:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weak {
    position: relative;
    color: #666
}

.tp1-link--underline-weak:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #666;
    content: ""
}

.tp1-link--underline-weak:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weak:hover:after {
    border-bottom-color: #00a4ff
}

.tp1-link--underline-weaker {
    position: relative;
    color: #999
}

.tp1-link--underline-weaker:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #999;
    content: ""
}

.tp1-link--underline-weaker:hover {
    color: #00a4ff;
    text-decoration: none
}

.tp1-link--underline-weaker:hover:after {
    border-bottom-color: #00a4ff
}

.tpm1-link.tp1-link {
    color: #0052d9
}

.tpm1-link.tp1-link--arrow:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow.svg)
}

.tpm1-link.tp1-link--white-arrow {
    color: #fff
}

.tpm1-link.tp1-link--arrow-left:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-left.svg)
}

.tpm1-link.tp1-link--arrow-top:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-top.svg)
}

.tpm1-link.tp1-link--arrow-bottom:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-bottom.svg)
}

.tpm1-link.size-s.tp1-link--arrow:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-s.svg)
}

.tpm1-link.size-s.tp1-link--arrow-left:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-left-s.svg)
}

.tpm1-link.size-s.tp1-link--arrow-top:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-top-s.svg)
}

.tpm1-link.size-s.tp1-link--arrow-bottom:after {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-link-arrow-bottom-s.svg)
}

.tpm1-section {
    padding: 60px 20px
}

.tpm1-section.bg-gray {
    background-color: #f5f7fa
}

.tpm1-section.is-full {
    padding-left: 0;
    padding-right: 0
}

.tpm1-section.is-full .tpm1-section__inner {
    max-width: 100%
}

.tpm1-section.left .tpm1-section__hd {
    text-align: left
}

.tpm1-section__inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.tpm1-section__hd {
    margin-bottom: 32px;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.tpm1-section__title {
    font-weight: 500;
    font-size: 28px;
    color: #000;
    line-height: 48px
}

.tpm1-section__sub {
    margin-top: 12px
}

.tpm1-section__desc {
    font-size: 14px;
    color: #3d485d;
    line-height: 20px
}

.tpm1-section__links {
    margin-left: 12px
}

.tpm1-section__links .tp1-link {
    margin-right: 12px
}

.tpm1-section__links .tp1-link:last-child {
    margin-right: 0
}

@media screen and (min-width: 1440px) {
    .tpm-view-l .tpm1-section__inner {
        max-width:1420px
    }

    .tpm-view-l .tpm1-section__hd {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-section {
        position:relative;
        padding: 0
    }

    .tpm1-section__inner {
        padding: 32px 16px
    }

    .tpm1-section__hd {
        margin-bottom: 20px
    }

    .tpm1-section__title {
        font-size: 20px;
        color: #000;
        line-height: 28px
    }

    .tpm1-section__sub {
        margin-top: 4px
    }

    .tpm1-section__links {
        display: block;
        margin-top: 12px;
        margin-left: 0
    }

    .tpm1-section__links .tp1-link {
        margin-right: 20px
    }

    .tpm1-section .tpm1-collapse {
        margin: 0 -16px -32px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-section__inner {
        padding:32px 16px
    }

    .tpm1-section__desc {
        display: none
    }

    .tpm1-section .tpm1-collapse {
        margin: 0 -16px -32px
    }
}

.tpm1-text-card__section .tpm1-section__hd {
    margin-bottom: 32px;
    width: 100%
}

.tpm1-text-card__item {
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    text-decoration: none
}

.tpm1-text-card__item-hd {
    margin-bottom: 12px
}

.tpm1-text-card__item-icon {
    position: relative;
    width: 48px;
    height: 48px;
    background: 50% no-repeat;
    background-size: contain;
    margin: 0 auto 8px
}

.tpm1-text-card__item-title {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500;
    text-align: center
}

.tpm1-text-card__item-bd {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.tpm1-text-card__item-desc {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 66px;
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-text-card__item-list {
    margin-top: 16px
}

.tpm1-text-card__item-list__item {
    font-size: 14px;
    line-height: 22px
}

.tpm1-text-card__item-list__item span {
    display: inline-block
}

.tpm1-text-card__item-list__item .item-label {
    color: #000
}

.tpm1-text-card__item-list__item .item-value {
    color: #666
}

.tpm1-text-card__item-ft {
    width: 100%;
    border-top: 1px solid #dbdfe7;
    margin-top: 16px;
    font-size: 14px;
    padding-top: 20px;
    text-align: center;
    line-height: 22px
}

.tpm1-text-card__item-link-text:after {
    display: inline-block;
    width: 6px;
    height: 10px;
    margin-left: 6px;
    overflow: hidden;
    vertical-align: 0;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-text-card-link-arrow.svg);
    content: ""
}

.tpm1-text-card__item.with-bg {
    cursor: pointer;
    box-sizing: border-box;
    padding: 20px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 hsla(0,0%,100%,.8);
    border-radius: 4px
}

.tpm1-text-card__item.with-bg:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm1-text-card__item.with-bg:hover .tpm1-text-card__item-title {
    color: #0052d9
}

.tpm1-text-card__item.with-bg.left .tpm1-text-card__item-hd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 8px
}

.tpm1-text-card__item.with-bg.left .tpm1-text-card__item-icon {
    margin-right: 12px;
    margin-bottom: 0
}

.tpm1-text-card__item.left .tpm1-text-card__item-icon {
    margin-left: 0
}

.tpm1-text-card__item.left .tpm1-text-card__item-ft,.tpm1-text-card__item.left .tpm1-text-card__item-title {
    text-align: left
}

.tpm1-text-card__morelink {
    display: none;
    margin-top: 20px;
    text-align: center
}

.tpm1-text-card__morelink .tpm1-link.tp1-link--arrow:after {
    width: 14px;
    height: 14px;
    -webkit-transition: unset;
    transition: unset;
    position: relative;
    top: 2px;
    background-size: cover;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-text-card-icon-more.svg)
}

@media screen and (max-width: 768px) {
    .tpm1-text-card__section .tpm1-section__hd {
        margin-bottom:20px;
        text-align: left
    }

    .tpm1-text-card__section .tpm1-section__links {
        display: inline;
        margin-left: 12px;
        margin-top: 4px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-text-card__section .tpm1-section__desc {
        display:inline
    }

    .tpm1-text-card__item {
        box-sizing: border-box;
        padding-left: 48px;
        padding-bottom: 16px;
        border-bottom: 1px solid #dbdfe7
    }

    .tpm1-text-card__item-wrap:last-child .tpm1-text-card__item {
        padding-bottom: 0;
        border-bottom-width: 0
    }

    .tpm1-text-card__item-wrap:last-child .tpm1-text-card__item.with-bg {
        padding-bottom: 20px
    }

    .tpm1-text-card__item-hd {
        margin-bottom: 4px;
        position: relative
    }

    .tpm1-text-card__item-icon {
        width: 36px;
        height: 36px;
        position: absolute;
        top: 0;
        left: -48px
    }

    .tpm1-text-card__item-title {
        text-align: left
    }

    .tpm1-text-card__item-ft {
        text-align: center
    }

    .tpm1-text-card__item.with-bg {
        box-shadow: 0 4px 10px 0 rgba(55,99,170,.1)
    }

    .tpm1-text-card__item.with-bg .tpm1-text-card__item-hd {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .tpm1-text-card__item.with-bg .tpm1-text-card__item-icon {
        position: relative;
        margin: 0 12px 0 0;
        left: 0
    }

    .tpm1-text-card__item.left .tpm1-text-card__item-ft {
        text-align: center
    }

    .tpm1-text-card__morelink {
        display: block
    }
}

.tpm1-text-panel__item {
    height: 100%
}

.tpm1-text-panel__item-title {
    font-size: 18px;
    color: #000;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500
}

.tpm1-text-panel__item-desc {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 24px
}

.tpm1-text-panel__item-bd {
    margin-top: 12px
}

.tpm1-text-panel__item-bd .tpm1-list li:last-child {
    margin-bottom: 0
}

.tpm1-text-panel__item-ft {
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 22px
}

.tpm1-text-panel__item-ft a {
    color: #0052d9
}

.tpm1-text-panel__item.with-bg {
    box-sizing: border-box;
    padding: 20px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px
}

.tpm1-text-panel__item.small .tpm1-text-panel__item-title {
    font-size: 16px;
    margin-bottom: 16px
}

@media screen and (max-width: 768px) {
    .tpm1-text-panel__section .tpm1-section__links {
        display:inline;
        margin-left: 12px
    }

    .tpm1-text-panel__item-title {
        font-size: 16px;
        color: #000;
        line-height: 24px
    }

    .tpm1-text-panel__item-desc {
        margin-bottom: 12px
    }

    .tpm1-text-panel__item-ft .tpm1-btn {
        width: 100%
    }

    .tpm1-text-panel__item.with-bg {
        padding: 16px
    }

    .tpm1-text-panel__item.small .tpm1-text-panel__item-title {
        font-size: 16px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-text-panel__section .tpm1-section__desc {
        display:inline
    }
}

.tpm1-text-card__item-link-text {
    cursor: pointer;
    color: #0052d9
}

.tpm1-text-card__item-link-text:after {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/icon-link.svg);
    margin-left: 4px;
    vertical-align: -3px;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s
}

.tpm1-text-card__item-link-text:hover {
    color: #001f97
}

.tpm1-text-card__item-link-text:hover:after {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
    background-image: url(/web/jinglisafe/assets/images/cps/icon_link_hover.svg)
}

.uno-groupbuy-tit {
    text-align: left;
    color: #181818
}

.uno-groupbuy-desc {
    font-size: 0
}

.uno-groupbuy-desc-item:only-child {
    width: 100%
}

.uno-groupbuy-desc-item {
    box-sizing: border-box;
    display: inline-block;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.uno-groupbuy-desc-item-tit {
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    text-align: left;
    font-weight: 500
}

.uno-groupbuy .uno-groupbuy-wrap-tips {
    position: relative;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    color: #97a3b7;
    padding-left: 24px
}

.uno-groupbuy .uno-groupbuy-wrap-tips .uno-link {
    margin: 0 4px
}

.uno-groupbuy .uno-groupbuy-wrap-tips-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_notice.svg);
    background-size: 100% 100%;
    vertical-align: -3px;
    position: absolute;
    top: 3px;
    left: 0
}

@media (max-width: 768px) {
    .uno-groupbuy .uno-groupbuy-wrap-tips {
        margin-top:16px
    }
}

@-webkit-keyframes button_shake {
    10%,90% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    30%,70% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

@keyframes button_shake {
    10%,90% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    30%,70% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
}

@media (min-width: 769px) {
    .uno-groupbuy {
        position:relative
    }

    .uno-groupbuy-content-no-set {
        position: absolute;
        top: 16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        z-index: 9999;
        padding: 12px 30px
    }

    .uno-groupbuy-tit {
        font-size: 16px;
        line-height: 24px
    }

    .uno-groupbuy-tit+.uno-groupbuy-desc {
        margin-top: 16px
    }

    .uno-groupbuy-desc {
        display: -webkit-box;
        display: flex
    }

    .uno-groupbuy-desc-item {
        -webkit-box-flex: 1;
        flex: 1;
        padding: 12px 16px;
        width: calc((100% - 20px)/2)
    }

    .uno-groupbuy-desc-item+.uno-groupbuy-desc-item {
        margin-left: 20px
    }

    .uno-groupbuy-desc-item-tit+.uno-groupbuy-desc-item-list {
        margin-top: 8px
    }

    .uno-groupbuy-desc .uno-list .uno-item-list {
        display: inline-block;
        width: calc((100% - 16px)/2);
        margin-top: 0;
        margin-left: 0
    }

    .uno-groupbuy-desc .uno-list .uno-item-list:nth-child(n+3) {
        margin-top: 4px
    }

    .uno-groupbuy-desc .uno-list .uno-item-list:nth-child(2n) {
        margin-left: 16px
    }

    .uno-groupbuy-desc .uno-list .uno-item-list .uno-text {
        margin-left: 4px
    }

    .uno-groupbuy-desc+.uno-groupbuy-content {
        margin-top: 24px
    }

    .uno-groupbuy-content-wrap {
        box-sizing: border-box;
        width: 100%;
        max-height: 570px;
        height: 570px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        font-size: 0;
        position: relative;
        display: -webkit-box;
        display: flex
    }

    .uno-groupbuy-form,.uno-groupbuy-price,.uno-groupbuy-product {
        display: inline-block;
        box-sizing: border-box;
        vertical-align: top
    }

    .uno-groupbuy-product {
        background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
        background: linear-gradient(0deg,#f3f6fc,#e9eef6);
        width: 310px;
        position: relative;
        z-index: 30;
        height: auto;
        overflow: hidden;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .uno-groupbuy-product-optional-wrap {
        -webkit-box-flex: 1;
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto;
        overflow-y: overlay
    }

    .uno-groupbuy-product-optional-wrap::-webkit-scrollbar {
        width: 5px
    }

    .uno-groupbuy-product-optional-wrap::-webkit-scrollbar-thumb {
        width: 5px;
        background: #d6dbe3
    }

    .uno-groupbuy-product-item {
        width: 100%;
        min-height: 100px;
        position: relative;
        box-sizing: border-box;
        cursor: pointer
    }

    .uno-groupbuy-product-item.uno-groupbuy-product-item-set {
        background-image: -webkit-linear-gradient(top,#dae8fc,#dee9fd);
        background-image: linear-gradient(180deg,#dae8fc,#dee9fd);
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11)
    }

    .uno-groupbuy-product-item.uno-groupbuy-product-item-set .uno-groupbuy-product-tit {
        color: #181818
    }

    .uno-groupbuy-product-item.uno-groupbuy-product-item-set:after {
        background: #d6dbe3
    }

    .uno-groupbuy-product-item.uno-groupbuy-product-item-set .uno-groupbuy-product-tit-discount {
        border: 1px solid #ff7800;
        background: #fff;
        color: #ff7800
    }

    .uno-groupbuy-product-item.uno-groupbuy-product-item-set .uno-groupbuy-product-desc,.uno-groupbuy-product-item.uno-groupbuy-product-item-set .uno-groupbuy-product-set-text {
        color: #4b5b76
    }

    .uno-groupbuy-product-item:hover {
        background-image: -webkit-linear-gradient(top,#dae8fc,#dee9fd);
        background-image: linear-gradient(180deg,#dae8fc,#dee9fd);
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11)
    }

    .uno-groupbuy-product-item:hover .uno-groupbuy-product-tit {
        color: #181818
    }

    .uno-groupbuy-product-item:hover:after {
        background: #d6dbe3
    }

    .uno-groupbuy-product-item:hover .uno-groupbuy-product-tit-discount {
        border: 1px solid #ff7800;
        background: #fff;
        color: #ff7800
    }

    .uno-groupbuy-product-item:hover .uno-groupbuy-product-desc,.uno-groupbuy-product-item:hover .uno-groupbuy-product-set-text {
        color: #4b5b76
    }

    .uno-groupbuy-product-item:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
        background: #d6dbe3;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .uno-groupbuy-product-desc,.uno-groupbuy-product-tit-text {
        text-align: left;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%
    }

    .uno-groupbuy-product-tit {
        font-size: 18px;
        line-height: 26px;
        color: #181818;
        font-weight: 500
    }

    .uno-groupbuy-product-tit-text {
        display: inline-block;
        vertical-align: middle;
        width: 100%
    }

    .uno-groupbuy-product-tit-discount {
        height: 16px;
        font-size: 12px;
        line-height: 14px;
        border: 1px solid #ff7800;
        background: #fff;
        color: #ff7800;
        border-radius: 2px;
        text-align: center;
        padding: 0 4px;
        vertical-align: middle;
        margin-left: 8px
    }

    .uno-groupbuy-product-desc {
        margin-top: 4px
    }

    .uno-groupbuy-product-desc,.uno-groupbuy-product-set-text {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76;
        letter-spacing: 0
    }

    .uno-groupbuy-product-set-text {
        display: none
    }

    .uno-groupbuy-product-item-wrap .uno-checkbox-wrap {
        width: 48px;
        height: 100px;
        display: inline-block;
        vertical-align: top;
        padding: 0
    }

    .uno-groupbuy-product-item-wrap .uno-checkbox-wrap .uno-checkbox {
        left: 16px;
        top: 29px
    }

    .uno-groupbuy-product-item-wrap .uno-groupbuy-product-item-name {
        padding: 24px 16px 24px 0;
        display: inline-block;
        width: calc(100% - 48px)
    }

    .uno-groupbuy-product-item-set .uno-groupbuy-product-tit {
        width: calc(100% - 75px)
    }

    .uno-groupbuy-product-item-set .uno-groupbuy-product-set-text {
        width: 70px;
        display: inline-block;
        position: absolute;
        right: 16px;
        top: 26px
    }

    .uno-groupbuy-product-item-discount .uno-groupbuy-product-tit-text {
        width: calc(100% - 60px)
    }

    .uno-groupbuy-product-icon {
        box-sizing: border-box;
        display: none;
        width: 64px;
        height: 40px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 8px;
        padding-left: 16px;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: left;
        position: absolute;
        top: -6px;
        left: -6px
    }

    .uno-groupbuy-product-item-must .uno-groupbuy-product-icon {
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_must.svg)
    }

    .uno-groupbuy-product-item-hot .uno-groupbuy-product-icon {
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_hot.svg)
    }

    .uno-groupbuy-product-item-recom .uno-groupbuy-product-icon {
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_recom.svg)
    }

    .uno-groupbuy-form {
        width: 546px;
        height: auto;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border-right: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        box-sizing: border-box
    }

    .uno-groupbuy-form-item {
        display: none
    }

    .uno-groupbuy-form-item.uno-groupbuy-form-item-active {
        display: block
    }

    .uno-groupbuy-form-item {
        position: relative;
        height: 100%
    }

    .uno-groupbuy-form-item-content {
        width: 100%;
        padding: 20px 10px 20px 16px;
        height: 409px;
        overflow-y: auto
    }

    .uno-groupbuy-form-item-content::-webkit-scrollbar {
        width: 5px;
        background: transparent
    }

    .uno-groupbuy-form-item-content::-webkit-scrollbar-thumb {
        background: #d6dbe3;
        border-radius: 2.5px
    }

    .uno-groupbuy-form-item-foot {
        width: 100%;
        padding: 20px 16px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        position: absolute;
        bottom: 0
    }

    .uno-groupbuy-form .uno-button {
        width: 236px;
        display: block;
        margin: 16px auto 0
    }

    .uno-groupbuy-form .uno-button.uno-groupbuy-button-shake {
        -webkit-animation: button_shake .8s ease-in-out infinite;
        animation: button_shake .8s ease-in-out infinite
    }

    .uno-groupbuy-form-price-label {
        font-weight: 500;
        color: #181818
    }

    .uno-groupbuy-form-price-real {
        font-size: 28px;
        line-height: 36px;
        color: #ff7800;
        text-align: left;
        font-weight: 500;
        margin-right: 8px
    }

    .uno-groupbuy-form-price-original {
        color: #97a3b7;
        font-size: 12px;
        line-height: 18px;
        text-decoration: line-through
    }

    .uno-groupbuy-form-price-loading {
        font-size: 20px;
        line-height: 28px;
        line-height: 36px;
        color: #ff7800;
        text-align: left;
        font-weight: 500
    }

    .uno-groupbuy-form-price-tips span {
        width: calc(50% - 12px)
    }

    .uno-groupbuy-form-price-tips span:nth-child(2n) {
        margin-left: 24px
    }

    .uno-groupbuy-price {
        width: 310px;
        border: 2px solid #fff;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        position: absolute;
        font-size: 16px;
        line-height: 24px;
        top: -2px;
        right: -2px
    }

    .uno-groupbuy-price-detail {
        padding: 24px 24px 32px;
        min-height: 200px;
        border-bottom: 2px dashed #d6dbe3
    }

    .uno-groupbuy-price-text-detail {
        color: #181818;
        font-size: 16px;
        line-height: 24px
    }

    .uno-groupbuy-price-all {
        padding: 24px
    }

    .uno-groupbuy-price-all .uno-button {
        width: 100%;
        margin-top: 24px
    }

    .uno-groupbuy-price-text-unit {
        font-size: 14px;
        line-height: 22px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-groupbuy-price-text-num {
        font-size: 18px;
        line-height: 26px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-groupbuy-price .uno-groupbuy-price-text-num+.uno-groupbuy-price-text-unit,.uno-groupbuy-price .uno-groupbuy-price-text-unit+.uno-groupbuy-price-text-num {
        margin-left: 4px
    }

    .uno-groupbuy-price .uno-form-item.uno-groupbuy-price-discounts .uno-form-label-inner,.uno-groupbuy-price .uno-form-item.uno-groupbuy-price-discounts .uno-groupbuy-price-text-num,.uno-groupbuy-price .uno-form-item.uno-groupbuy-price-discounts .uno-groupbuy-price-text-unit {
        color: #4b5b76
    }

    .uno-groupbuy-price .uno-form-item.uno-groupbuy-price-total .uno-form-label-inner {
        color: #181818;
        font-weight: 500
    }

    .uno-groupbuy-price .uno-form-item {
        display: -webkit-box;
        display: flex
    }

    .uno-groupbuy-price .uno-form-label {
        width: auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        overflow: hidden
    }

    .uno-groupbuy-price .uno-form-label-inner {
        font-size: 16px;
        line-height: 24px;
        line-height: 26px;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .uno-groupbuy-price .uno-form-value {
        text-align: right;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .uno-groupbuy-price .uno-form-item {
        margin-bottom: 0
    }

    .uno-groupbuy-price .uno-form-item+.uno-form-item.uno-groupbuy-price-add {
        margin-top: 8px
    }

    .uno-groupbuy-price-wrap,.uno-groupbuy-price .uno-form-item+.uno-form-item {
        margin-top: 20px
    }

    .uno-groupbuy .uno-form-item-domain-single .uno-button,.uno-groupbuy .uno-form-item-domain .uno-button {
        display: inline-block;
        margin: 0 0 0 12px
    }
}

@media (max-width: 768px) {
    .uno-groupbuy {
        width:100%
    }

    .uno-groupbuy-tit {
        font-size: 14px;
        line-height: 22px
    }

    .uno-groupbuy-tit+.uno-groupbuy-desc {
        margin-top: 12px
    }

    .uno-groupbuy-desc {
        width: auto;
        margin-left: -16px;
        padding-left: 16px;
        margin-right: -16px;
        padding-right: 16px;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 20px
    }

    .uno-groupbuy-desc::-webkit-scrollbar {
        display: none
    }

    .uno-groupbuy-desc-item {
        padding: 12px
    }

    .uno-groupbuy-desc-item+.uno-groupbuy-desc-item {
        margin-left: 16px
    }

    .uno-groupbuy-desc-item-tit+.uno-groupbuy-desc-item-list {
        margin-top: 12px
    }

    .uno-groupbuy-desc .uno-list .uno-item-list {
        font-size: 12px;
        line-height: 18px
    }

    .uno-groupbuy-content-tit {
        font-size: 14px;
        line-height: 22px;
        color: #181818;
        text-align: left;
        font-weight: 500;
        margin-bottom: 8px
    }

    .uno-groupbuy-product-item {
        font-size: 0;
        width: 100%;
        min-height: 102px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
        box-sizing: border-box;
        position: relative
    }

    .uno-groupbuy-product-item+.uno-groupbuy-product-item {
        margin-top: 16px
    }

    .uno-groupbuy-product-item-wrap .uno-checkbox-wrap {
        width: 48px;
        height: 100px;
        display: inline-block;
        vertical-align: top;
        padding: 0
    }

    .uno-groupbuy-product-item-wrap .uno-checkbox-wrap .uno-checkbox {
        left: 16px;
        top: 29px
    }

    .uno-groupbuy-product-item-wrap .uno-groupbuy-product-item-name {
        padding: 24px 16px 20px 0;
        display: inline-block;
        width: calc(100% - 48px)
    }

    .uno-groupbuy-product-desc,.uno-groupbuy-product-tit-text {
        text-align: left;
        display: inline-block;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-groupbuy-product-tit {
        font-size: 16px;
        line-height: 24px;
        color: #181818;
        text-align: left;
        font-weight: 500;
        display: block;
        height: 24px
    }

    .uno-groupbuy-product-tit-text {
        width: calc(100% - 30px)
    }

    .uno-groupbuy-product-desc {
        display: block;
        font-size: 14px;
        line-height: 22px;
        margin-top: 8px;
        color: #4b5b76;
        letter-spacing: 0
    }

    .uno-groupbuy-product-item-price {
        margin-top: 12px;
        color: #ff7800
    }

    .uno-groupbuy-product-item-unit {
        font-size: 12px;
        line-height: 18px;
        line-height: 12px;
        display: inline-block;
        font-weight: 600;
        margin-left: 4px
    }

    .uno-groupbuy-product-item-num {
        display: inline-block;
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        vertical-align: baseline
    }

    .uno-groupbuy-product-item-discount {
        height: 16px;
        font-size: 12px;
        line-height: 14px;
        border: 1px solid #ff7800;
        background: #fff;
        color: 1px solid #ff7800;
        border-radius: 2px;
        text-align: center;
        padding: 0 4px;
        vertical-align: text-bottom;
        margin-left: 4px
    }

    .uno-groupbuy-product-icon {
        box-sizing: border-box;
        display: none;
        width: 64px;
        height: 40px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 7px;
        padding-left: 16px;
        font-size: 12px;
        line-height: 18px;
        color: #fff;
        text-align: left;
        position: absolute;
        top: -6px;
        left: -6px
    }

    .uno-groupbuy-product-item-must .uno-groupbuy-product-icon {
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_must.svg)
    }

    .uno-groupbuy-product-item-hot .uno-groupbuy-product-icon {
        font-weight: 500;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_hot.svg)
    }

    .uno-groupbuy-product-item-recom .uno-groupbuy-product-icon {
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_recom.svg)
    }

    .uno-groupbuy-product-set-icon {
        width: 20px;
        height: 20px;
        position: absolute;
        background: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_config_edit.svg) no-repeat;
        background-size: 100%;
        right: 14px;
        top: 24px
    }

    .uno-groupbuy-product-config {
        display: none;
        margin-top: 16px;
        padding-right: 20px
    }

    .uno-groupbuy-product-config .uno-form-label {
        width: 56px
    }

    .uno-groupbuy-product-config .uno-form-value {
        width: calc(100% - 72px);
        margin-left: 16px
    }

    .uno-groupbuy-product-config-more {
        width: 24px;
        height: 24px;
        background: url(/web/jinglisafe/assets/images/cps/groupbuy_icon_config_more.svg) no-repeat;
        background-size: contain;
        position: absolute;
        right: 16px;
        bottom: 24px
    }

    .uno-groupbuy-product-config.uno-groupbuy-product-config-packup .uno-form .uno-form-item:nth-child(n+4) {
        display: none
    }

    .uno-groupbuy-product-config.uno-groupbuy-product-config-unfold .uno-form .uno-form-item:nth-child(n+4) {
        display: block
    }

    .uno-groupbuy-product-config.uno-groupbuy-product-config-unfold .uno-groupbuy-product-config-more {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno-groupbuy-product-item-set .uno-groupbuy-product-config {
        display: block
    }

    .uno-groupbuy-product-buy {
        margin-top: 24px
    }

    .uno-groupbuy-product-desc-tips {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-groupbuy-product-desc-detail {
        font-size: 14px;
        line-height: 22px;
        color: #0052d9;
        margin-left: 8px
    }

    .uno-groupbuy-product-allprice {
        margin-top: 6px
    }

    .uno-groupbuy-product-allprice-loading {
        font-size: 20px;
        line-height: 28px;
        line-height: 36px;
        color: #ff7800;
        text-align: left;
        font-weight: 500
    }

    .uno-groupbuy-product-allprice-num {
        font-size: 24px;
        line-height: 32px;
        color: #ff7800;
        font-weight: 500
    }

    .uno-groupbuy-product-allprice-unit {
        margin-left: 4px;
        font-size: 14px;
        line-height: 22px;
        color: #ff7800;
        font-weight: 600
    }

    .uno-groupbuy-product-allprice-save {
        margin-left: 12px;
        font-size: 12px;
        line-height: 18px;
        color: #ff7800;
        font-weight: 400;
        border: 1px solid #ff7800
    }
}

@media (max-width: 768px) {
    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-dialog-singleprice {
        padding-bottom:24px;
        border-bottom: 2px dashed #dadde2
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-dialog-totalprice {
        padding-top: 24px;
        padding-bottom: 24px
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-dialog-btn {
        padding-bottom: 24px
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-dialog-btn .uno-button {
        width: 100%
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-dialog-tit {
        position: relative;
        color: #496770
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-price-text-unit {
        font-size: 14px;
        line-height: 22px;
        color: #ff7200;
        font-weight: 500
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-price-text-num {
        font-size: 18px;
        line-height: 26px;
        color: #ff7200;
        font-weight: 500
    }

    .uno-groupbuy-dialog-groupbuy .uno-groupbuy-price-text-num+.uno-groupbuy-price-text-unit,.uno-groupbuy-dialog-groupbuy .uno-groupbuy-price-text-unit+.uno-groupbuy-price-text-num {
        margin-left: 4px
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item.uno-groupbuy-price-discounts .uno-form-label-inner,.uno-groupbuy-dialog-groupbuy .uno-form-item.uno-groupbuy-price-discounts .uno-groupbuy-price-text-num,.uno-groupbuy-dialog-groupbuy .uno-form-item.uno-groupbuy-price-discounts .uno-groupbuy-price-text-unit {
        color: #496770
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item.uno-groupbuy-price-total .uno-form-label-inner {
        color: #181818;
        font-weight: 500
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item {
        display: -webkit-box;
        display: flex
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-label {
        width: auto;
        -webkit-box-flex: 1;
        flex: 1 1 auto;
        overflow: hidden
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-label-inner {
        font-size: 16px;
        line-height: 24px;
        overflow: hidden;
        color: #181818;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-value {
        text-align: right;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item {
        margin-bottom: 0
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item+.uno-form-item.uno-groupbuy-price-add {
        margin-top: 8px
    }

    .uno-groupbuy-dialog-groupbuy .uno-form-item+.uno-form-item {
        margin-top: 20px
    }
}

@media (min-width: 769px) {
    .uno-groupbuy-tag-list {
        font-size:0;
        margin-top: 12px;
        white-space: nowrap
    }

    .uno-groupbuy-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-groupbuy-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-groupbuy-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-groupbuy-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-groupbuy-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

@media (max-width: 768px) {
    .uno-groupbuy-tag-list {
        font-size:0;
        margin-bottom: 8px;
        margin-top: 12px;
        white-space: nowrap
    }

    .uno-groupbuy-tag-item {
        font-size: 12px;
        line-height: 18px;
        line-height: 22px;
        height: 22px;
        border-radius: 2px;
        display: inline-block;
        padding: 0 6px;
        vertical-align: middle
    }

    .uno-groupbuy-tag-item:nth-child(n+2) {
        margin-left: 4px
    }

    .uno-groupbuy-tag-type1 {
        background: #ff7800;
        color: #fff;
        border: none
    }

    .uno-groupbuy-tag-type2 {
        line-height: 20px;
        background: transparent;
        color: #ff7800;
        border: 1px solid #ff7800
    }

    .uno-groupbuy-tag-type3 {
        line-height: 20px;
        background: transparent;
        color: #97a3b7;
        border: 1px solid #97a3b7
    }
}

.tpm1-collapse__panel-hd {
    position: relative;
    padding: 13px 38px 13px 16px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: solid #fff;
    border-width: 2px 2px 0;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    cursor: pointer
}

.tpm1-collapse__panel-hd:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -4px;
    width: 12px;
    height: 8px;
    background-image: url(/web/jinglisafe/assets/images/cps/caret.svg);
    background-repeat: no-repeat
}

.tpm1-collapse__panel-icon {
    display: block;
    width: 32px;
    height: 32px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 12px
}

.tpm1-collapse__panel-title {
    -webkit-box-flex: 1;
    flex: 1;
    width: 1px;
    padding: 3px 0;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 26px
}

.tpm1-collapse__panel-bd {
    position: relative;
    z-index: 2;
    background: #f5f7fa;
    padding: 24px 16px 32px
}

.tpm1-collapse__panel.is-open>.tpm1-collapse__panel-hd .tpm1-collapse__panel-title {
    color: #0052d9
}

.tpm1-collapse__panel.is-open>.tpm1-collapse__panel-hd:after {
    background-image: url(/web/jinglisafe/assets/images/cps/caret-open.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tpm1-collapse--ani .tpm1-collapse__panel-icon {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    margin-left: -4px;
    margin-top: -4px
}

@media screen and (max-width: 600px) {
    .tpm1-collapse__panel-bd {
        padding-left:16px;
        padding-right: 16px
    }
}

.tpm1-tabs {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

.tpm1-tabs__bar {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    max-width: 1180px;
    margin: 0 auto
}

.tpm1-tabs__bar.is-scrolling .tpm1-tabs__backward,.tpm1-tabs__bar.is-scrolling .tpm1-tabs__forward {
    display: block
}

.tpm1-tabs__bar.is-scrolling .tpm1-tabs__list {
    padding: 0 36px
}

.tpm1-tabs__list {
    position: relative;
    display: inline-block;
    vertical-align: top;
    min-width: 100%;
    font-size: 0;
    list-style: none;
    text-align: center
}

.tpm1-tabs__backward {
    position: absolute;
    top: 0;
    height: 44px;
    left: 0;
    display: none;
    width: 36px;
    background-color: #fff;
    cursor: pointer
}

.tpm1-tabs__backward:before {
    position: absolute;
    top: 4px;
    left: 12px;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    content: ""
}

.tpm1-tabs__backward:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-left-hover.svg)
}

.tpm1-tabs__backward--disabled {
    cursor: default
}

.tpm1-tabs__backward--disabled:before,.tpm1-tabs__backward--disabled:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-left-disabled.svg)
}

.tpm1-tabs__forward {
    position: absolute;
    top: 0;
    right: 0;
    height: 44px;
    display: none;
    width: 36px;
    background-color: #fff;
    cursor: pointer
}

.tpm1-tabs__forward:before {
    position: absolute;
    top: 4px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-right.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    content: ""
}

.tpm1-tabs__forward:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-right-hover.svg)
}

.tpm1-tabs__forward--disabled {
    cursor: default
}

.tpm1-tabs__forward--disabled:before,.tpm1-tabs__forward--disabled:hover:before {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm-tabs-icon-arrow-right-disabled.svg)
}

.tpm1-tabs__cont {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    padding: 40px;
    border-radius: 4px
}

.tpm1-tabs__item {
    display: inline-block;
    vertical-align: top
}

.tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #0052d9
}

.tpm1-tabs__item:hover .tpm1-tabs__item-cont:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    color: #0052d9;
    font-weight: 500
}

.tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 4px solid #0052d9;
    content: ""
}

.tpm1-tabs__item.is-disabled .tpm1-tabs__item-cont {
    color: #999;
    cursor: default
}

.tpm1-tabs__item.is-disabled .tpm1-tabs__item-cont:before {
    content: none
}

.tpm1-tabs__item-cont {
    position: relative;
    cursor: pointer;
    padding: 0 10px 20px;
    text-align: center;
    font-size: 16px;
    color: #3d485d;
    line-height: 24px;
    min-width: 136px
}

.tpm1-tabs__item-icon {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top
}

.tpm1-tabs__panel.is-hidden {
    height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}

.tpm1-tabs__panel.is-animated {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.tpm1-tabs.is-full .tpm1-tabs__cont {
    border-radius: 0
}

.tpm1-tabs.is-full .tpm1-tabs__panel {
    margin: 0 auto;
    max-width: 1180px
}

.tpm1-tabs--equal .tpm1-tabs__list {
    display: -webkit-box;
    display: flex
}

.tpm1-tabs--equal .tpm1-tabs__item {
    -webkit-box-flex: 1;
    flex: 1;
    min-width: 0;
    width: 1px;
    max-width: 33.33%
}

.tpm1-tabs--vertical {
    display: -webkit-box;
    display: flex
}

.tpm1-tabs--vertical .tpm1-tabs__bar {
    position: relative;
    margin-right: -2px;
    padding: 0;
    width: 200px;
    box-sizing: border-box;
    white-space: normal
}

.tpm1-tabs--vertical .tpm1-tabs__item {
    display: block;
    min-width: 0;
    margin-bottom: 20px;
    padding-right: 18px
}

.tpm1-tabs--vertical .tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #3d485d
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active {
    padding-right: 0
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    padding-right: 30px;
    background-image: -webkit-linear-gradient(bottom,#f4f6f9,#f3f5f8);
    background-image: linear-gradient(0deg,#f4f6f9,#f3f5f8);
    border: 2px solid #fff;
    border-right-width: 0;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    font-weight: 400;
    color: #3d485d
}

.tpm1-tabs--vertical .tpm1-tabs__item.is-active .tpm1-tabs__item-cont:before,.tpm1-tabs--vertical .tpm1-tabs__item:hover .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs--vertical .tpm1-tabs__item-cont {
    padding: 12px;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #3d485d;
    text-align: center;
    border: 2px solid transparent;
    -webkit-transition: background .3s linear;
    transition: background .3s linear
}

.tpm1-tabs--vertical .tpm1-tabs__cont {
    padding: 48px 60px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    -webkit-box-flex: 1;
    flex: 1;
    width: 1px
}

.tpm1-tabs--text .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    font-weight: 400
}

.tpm1-tabs--text .tpm1-tabs__item-cont {
    min-width: auto;
    padding: 0 24px 30px
}

.tpm1-tabs--text .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs--text .tpm1-tabs__cont {
    padding: 0;
    box-shadow: none;
    background-color: transparent
}

.tpm1-tabs .tpm1-tabs--text {
    margin-top: -10px
}

.tpm1-tabs .tpm1-tabs__backward,.tpm1-tabs .tpm1-tabs__forward {
    background-color: #f3f5f8
}

.tpm1-tabs.theme-dark {
    background-color: #242933;
    color: #fff
}

.tpm1-tabs.theme-dark .tpm1-tabs__item-cont,.tpm1-tabs.theme-dark .tpm1-tabs__item.is-active .tpm1-tabs__item-cont,.tpm1-tabs.theme-dark .tpm1-tabs__item:hover .tpm1-tabs__item-cont {
    color: #fff
}

.tpm1-tabs.theme-dark .tpm1-tabs__backward,.tpm1-tabs.theme-dark .tpm1-tabs__forward {
    background-color: #242933
}

.tpm1-tabs.theme-dark .tpm1-tabs__cont {
    background: #242933;
    border: 2px solid #242933;
    box-shadow: inset 8px 8px 20px 0 rgba(18,21,26,.6),inset -8px -8px 20px 0 rgba(54,62,77,.5)
}

.tpm1-tabs.theme-connect .tpm1-tabs__item {
    margin: 0 20px 16px 0
}

.tpm1-tabs.theme-connect .tpm1-tabs__item:last-child {
    margin-right: 0
}

.tpm1-tabs.theme-connect .tpm1-tabs__item-cont {
    height: 48px;
    min-width: 176px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 0 16px;
    line-height: 44px
}

.tpm1-tabs.theme-connect .tpm1-tabs__item-cont:before {
    display: none
}

.tpm1-tabs.theme-connect .tpm1-tabs__item.is-active .tpm1-tabs__item-cont {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
}

.tpm1-tabs.theme-connect .tpm1-tabs__cont {
    padding: 32px
}

.tpm1-tabs--ani .tpm1-tabs__item-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 6px;
    margin-top: -6px
}

.tpm1-tabs--ani .tpm1-tabs__item-icon.is-enter {
    -webkit-animation: tpm1-tabs__item-icon-enter .3s steps(16) forwards;
    animation: tpm1-tabs__item-icon-enter .3s steps(16) forwards
}

.tpm1-tabs--ani .tpm1-tabs__item-icon.is-leave {
    -webkit-animation: tpm1-tabs__item-icon-leave .3s steps(16) forwards;
    animation: tpm1-tabs__item-icon-leave .3s steps(16) forwards
}

@-webkit-keyframes tpm1-tabs__item-icon-enter {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -960px
    }
}

@keyframes tpm1-tabs__item-icon-enter {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 0 -960px
    }
}

@-webkit-keyframes tpm1-tabs__item-icon-leave {
    0% {
        background-position: 0 -960px
    }

    to {
        background-position: 0 0
    }
}

@keyframes tpm1-tabs__item-icon-leave {
    0% {
        background-position: 0 -960px
    }

    to {
        background-position: 0 0
    }
}

.tpm1-tabs__tiled {
    margin-bottom: 32px
}

.tpm1-tabs__tiled:last-child {
    margin-bottom: 0
}

.tpm1-tabs__tiled-title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 16px;
    color: #16181a;
    line-height: 24px
}

@media screen and (max-width: 768px) {
    .tpm1-collapse .tpm1-tabs--text {
        margin:-24px -16px -32px
    }

    .tpm1-tabs--text .tpm1-tabs__bar {
        height: 54px;
        background: #f3f5f8;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.1),inset -8px -8px 20px 0 #fff;
        overflow-x: auto
    }

    .tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__backward,.tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__forward {
        display: none
    }

    .tpm1-tabs--text .tpm1-tabs__bar .tpm1-tabs__list {
        padding: 0
    }

    .tpm1-tabs--text .tpm1-tabs__item-cont {
        padding: 16px;
        font-size: 14px;
        line-height: 22px
    }

    .tpm1-tabs--text .tpm1-tabs__cont {
        padding: 24px 16px 32px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-tabs__list-mobile {
        position:relative;
        display: inline-block;
        min-width: 100%;
        font-size: 0;
        vertical-align: middle;
        list-style: none
    }

    .tpm1-tabs__item-cont {
        padding: 20px;
        cursor: default
    }
}

.tpm1-expand-area__cnt {
    overflow: hidden;
    -webkit-transition: height .3s linear;
    transition: height .3s linear
}

.tpm1-expand-area .is-open+.tpm1-expand-area__trigger:before {
    background: none
}

.tpm1-expand-area__trigger {
    padding-top: 64px;
    text-align: center;
    margin-top: -40px;
    position: relative;
    z-index: 2
}

.tpm1-expand-area__trigger:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top,hsla(0,0%,93.3%,0),#f5f7fa 65%);
    background-image: linear-gradient(180deg,hsla(0,0%,93.3%,0),#f5f7fa 65%)
}

.tpm1-scene {
    -webkit-font-smoothing: antialiased
}

.tpm1-scene .tpm1-tabs--vertical .tpm1-tabs__cont {
    padding-bottom: 20px
}

.tpm1-scene .tpm1-tabs__cont {
    padding: 12px
}

.tpm1-scene .tpm1-tabs.is-full .tpm1-tabs__cont {
    padding: 40px
}

.tpm1-scene .tpm1-tabs.is-full .tpm1-tabs__cont .tp1-justify-grid {
    -webkit-box-align: start;
    align-items: flex-start
}

.tpm1-scene .tpm1-media .tpm1-media__object {
    width: 70%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-scene .tpm1-media .tpm1-media__content {
    padding: 20px 8px 0 20px
}

.tpm1-scene .tpm1-media.right-img .tpm1-media__object {
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 8px;
    width: 52.8%;
    -webkit-box-flex: 0;
    flex-grow: 0;
    align-self: flex-start;
    padding: 0;
    margin-left: 60px;
    overflow: hidden
}

.tpm1-scene .tpm1-media.right-img .tpm1-media__content {
    padding: 0
}

.tpm1-scene .tpm1-logo-card {
    box-shadow: none
}

.tpm1-scene .tpm1-logo-card__wrap {
    padding: 0;
    margin: 12px 0 -12px
}

.tpm1-scene .tpm1-logo-card__list {
    padding: 0;
    margin: 0 -10px
}

.tpm1-scene .tpm1-logo-card__list li {
    margin: 0;
    padding: 0 10px 12px
}

.tpm1-scene .tpm1-logo-card__list li:before {
    display: none
}

.tpm1-scene .tpm1-sale-recommend {
    margin: 28px 0
}

.tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__object {
    width: 68.47%;
    margin-left: 40px;
    overflow: hidden
}

.tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__content {
    padding-top: 20px
}

.tpm1-scene-infrastructure .tpm1-group__tit {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 22px
}

.tpm1-scene-infrastructure .tpm1-list__item {
    padding-left: 0
}

.tpm1-scene-infrastructure .tpm1-list__item:before {
    display: none
}

.tpm1-scene-infrastructure .tpm1-list__item-tit {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    font-weight: 600
}

.tpm1-scene-infrastructure .tpm1-list__item-tit:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    margin-right: 6px;
    vertical-align: middle
}

.tpm1-scene-infrastructure .tpm1-list__item-text {
    display: block;
    line-height: 22px
}

.tpm1-scene-infrastructure .tpm1-list .tpm1-list__item+.tpm1-list__item {
    margin-top: 24px
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__object {
    width: 44.1%;
    overflow: hidden;
    padding: 12px 50px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__content {
    padding: 12px 0 0
}

.tpm1-scene-introduction .tpm1-media .tpm1-media__content+.tpm1-media__object,.tpm1-scene-introduction .tpm1-media .tpm1-media__object+.tpm1-media__content {
    margin-left: 40px
}

.tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__object {
    width: 44.1%;
    padding: 12px 50px;
    border-radius: 4px
}

.tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__content {
    padding: 12px 0 0
}

.tpm1-scene-introduction .tpm1-group__tit {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.tpm1-scene-introduction .tpm1-list__item {
    padding-left: 0
}

.tpm1-scene-introduction .tpm1-list__item:before {
    display: none
}

.tpm1-scene-introduction .tpm1-list__item-tit {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500
}

.tpm1-scene-introduction .tpm1-list__item-tit:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #666;
    margin-right: 6px;
    vertical-align: middle
}

.tpm1-scene-introduction .tpm1-list__item-text {
    display: block;
    line-height: 22px
}

.tpm1-scene-introduction .tpm1-list .tpm1-list__item+.tpm1-list__item {
    margin-top: 22px
}

@media screen and (max-width: 768px) {
    .tpm1-scene .tpm1-logo-card__wrap {
        margin-bottom:-8px
    }

    .tpm1-scene .tpm1-logo-card__list {
        margin: 0 -4px
    }

    .tpm1-scene .tpm1-logo-card__list li {
        padding: 0 4px 8px
    }

    .tpm1-scene .tpm1-media .tpm1-media__object {
        width: 100%
    }

    .tpm1-scene .tpm1-media .tpm1-media__content {
        padding: 0;
        margin-top: 24px
    }

    .tpm1-scene .tpm1-media.right-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }

    .tpm1-scene .tpm1-media.right-img .tpm1-media__object {
        width: 100%;
        margin-left: 0
    }

    .tpm1-scene .tp1-justify-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-scene .tpm1-sale-recommend {
        margin: 20px 0
    }

    .tpm1-scene-infrastructure .tpm1-media.right-img .tpm1-media__content {
        padding-top: 0
    }

    .tpm1-scene-introduction .tpm1-media.right-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-scene-introduction .tpm1-media.right-img .tpm1-media__content {
        padding: 0;
        margin: 0 0 20px
    }

    .tpm1-scene-introduction .tpm1-media .tpm1-media__content+.tpm1-media__object,.tpm1-scene-introduction .tpm1-media .tpm1-media__object+.tpm1-media__content {
        margin-left: 0
    }

    .tpm1-scene-introduction .tpm1-list .tpm1-list__item+.tpm1-list__item {
        margin-top: 12px
    }
}

.tpm1-scene .tpm1-tabs .tpm1-tabs__item-cont {
    width: 147.5px;
    overflow: hidden
}

.tpm1-scene .tpm1-tabs__cont .tpm1-tabs__item-cont {
    width: auto
}

.tp1-grid__row+div,.tpm1-scene+.uno-buy-card-wrap,.tpm1-scene .uno-buy-card-wrap {
    margin-top: 24px
}

@media (min-width: 769px) {
    .tpm1-scene .tpm1-media {
        width:1180px;
        margin: auto
    }

    .tpm1-scene .tpm1-sale-recommend__item-tit {
        max-width: 154px
    }

    .tpm1-scene .tpm1-logo-card {
        width: 180px;
        height: 72px
    }

    .tpm1-scene .tpm1-tabs__item-cont {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm1-scene .tpm1-sale-recommend__item .uno-link {
        margin-right: 8px
    }

    .tpm1-scene .tpm1-group__tit,.tpm1-scene .tpm1-list__item-tit {
        max-width: 292px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm1-scene .tpm1-group__bd,.tpm1-scene .tpm1-list__item-text {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .tpm1-scene .tpm1-tabs.is-full .tpm1-tabs__cont {
        background: #fff;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11);
        position: relative;
        margin-bottom: -60px;
        padding-bottom: 60px
    }

    .tpm1-scene .tpm1-sale-recommend__btns .uno-button {
        width: 200px;
        margin-right: 20px;
        height: 40px
    }

    .uno-section-bg-color .tpm1-tabs.is-full .tpm1-tabs__cont {
        background: #f1f2f5;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
    }
}

@media (max-width: 768px) {
    .tpm1-scene .tpm1-collapse__panel-title {
        white-space:nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (max-width: 1023px) {
    .tpm1-scene .tpm1-sale-recommend__btns .uno-button {
        min-width:0;
        width: calc(50% - 10px);
        max-width: 154px;
        font-size: 14px;
        padding: 0;
        margin-right: 20px;
        height: 40px
    }
}

.tpm1-media img,.tpm1-media video {
    max-width: 100%
}

.tpm1-media__object {
    -webkit-box-flex: 0;
    flex-grow: 0
}

.tpm1-media__content {
    width: 1px
}

.tpm1-media__content+.tpm1-media__object,.tpm1-media__object+.tpm1-media__content {
    padding-left: 60px
}

@media screen and (max-width: 768px) {
    .tpm1-media__content,.tpm1-media__object {
        width:100%
    }

    .tpm1-media__content+.tpm1-media__object,.tpm1-media__object+.tpm1-media__content {
        padding-left: 0
    }
}

.uno-tmplist,.uno-tmplist-test,.uno-tmpmedia,.uno-tmpmedia-test {
    margin: 0
}

.tpm1-group {
    -webkit-font-smoothing: antialiased
}

.tpm1-group+.tpm1-group {
    margin-top: 28px
}

.tpm1-group__tit {
    font-size: 18px;
    color: #16181a;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 8px
}

.tpm1-group__bd {
    font-size: 14px;
    color: #495770;
    line-height: 22px
}

@media screen and (max-width: 768px) {
    .tpm1-group+.tpm1-group {
        margin-top:20px
    }
}

.uno-tmpgroup,.uno-tmpgroup-test {
    margin: 0
}

.tpm1-logo-card {
    box-sizing: border-box;
    width: 200px;
    background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 8px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    padding: 20px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tpm1-logo-card img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    max-width: min(160px,100%)
}

.tpm1-logo-card__img-wrap {
    width: 100%;
    max-width: 160px
}

.tpm1-logo-card__img {
    padding-top: 25%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0!important;
    line-height: 0!important
}

.tpm1-logo-card[href]:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
}

.tpm1-logo-card__wrap {
    padding-bottom: 28px;
    margin-bottom: -40px
}

.tpm1-logo-card__tit {
    font-size: 12px;
    color: #495770;
    text-align: center;
    line-height: 20px;
    margin-top: 4px
}

.tpm1-logo-card__list {
    padding: 0 6px
}

.tpm1-logo-card__list>li {
    display: inline-block;
    vertical-align: top;
    padding: 0 6px 12px
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__wrap-inner {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1180px
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
    text-align: center;
    padding: 0
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--fixcol .tpm1-logo-card {
    width: 100%
}

.tpm1-logo-card__wrap--fixcol.align-left .tpm1-logo-card__list {
    text-align: left
}

.tpm1-logo-card__wrap--fixcol.align-right .tpm1-logo-card__list {
    text-align: right
}

.tpm1-logo-card__wrap--col3 .tpm1-logo-card__list>li {
    width: 33.333%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col4 .tpm1-logo-card__list>li {
    width: 25%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col5 .tpm1-logo-card__list>li {
    width: 20%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col6 .tpm1-logo-card__list>li {
    width: 16.666666666%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col7 .tpm1-logo-card__list>li {
    width: 14.2857142857%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--col8 .tpm1-logo-card__list>li {
    width: 12.5%;
    box-sizing: border-box
}

.tpm1-logo-card__wrap--multi {
    overflow: hidden
}

.tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block
}

.tpm1-logo-card__wrap--loop .tpm1-logo-card__list,.tpm1-logo-card__wrap--multi .tpm1-logo-card__list {
    white-space: nowrap
}

.tpm1-logo-card__wrap.align-center {
    text-align: center
}

.tpm1-logo-card__wrap.align-right {
    text-align: right
}

.tpm1-logo-card__wrap.align-left {
    text-align: left
}

@media screen and (max-width: 1200px) {
    .tpm1-logo-card {
        padding:12px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-logo-card {
        width:104px;
        padding: 12px 4px;
        border-radius: 4px
    }

    .tpm1-logo-card__wrap {
        padding: 0 16px 20px;
        margin-bottom: -28px
    }

    .tpm1-logo-card__list {
        padding: 0;
        margin: 0 -4px
    }

    .tpm1-logo-card__list>li {
        padding: 0 4px 8px
    }

    .tpm1-logo-card__tit {
        display: none
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
        margin: 0 -4px;
        padding: 0
    }

    .tpm1-logo-card__wrap--multi {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .tpm1-logo-card__wrap--multi .tpm1-logo-card__wrap-inner {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (max-width: 600px) {
    .tpm1-logo-card__wrap {
        padding:0 16px 20px
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list {
        text-align: center;
        padding: 0
    }

    .tpm1-logo-card__wrap--fixcol .tpm1-logo-card__list>li {
        width: 33.33%;
        box-sizing: border-box
    }

    .tpm1-logo-card__wrap--col3 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col4 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col5 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col6 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col7 .tpm1-logo-card__list>li,.tpm1-logo-card__wrap--col8 .tpm1-logo-card__list>li {
        width: 33.333%;
        box-sizing: border-box
    }
}

.tpm1-sale-recommend {
    -webkit-font-smoothing: antialiased
}

.tpm1-sale-recommend__title {
    font-size: 18px;
    color: #16181a;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 8px;
    font-weight: 500
}

.tpm1-sale-recommend__list {
    display: -webkit-box;
    display: flex;
    margin: 0 -14px
}

.tpm1-sale-recommend__item {
    width: 50%;
    overflow: hidden;
    padding: 0 14px
}

.tpm1-sale-recommend__item-tit {
    font-size: 14px;
    color: #16181a;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpm1-sale-recommend__item-desc {
    font-size: 14px;
    color: #495770;
    line-height: 22px
}

.tpm1-sale-recommend__btns {
    margin-top: 28px;
    white-space: nowrap
}

.tpm1-sale-recommend__btns .tpm1-btn {
    min-width: 200px;
    margin-right: 20px
}

.tpm1-sale-recommend__btns .tpm1-btn:last-child {
    margin-right: 0
}

@media screen and (max-width: 768px) {
    .tpm1-sale-recommend__btns {
        margin-top:20px
    }

    .tpm1-sale-recommend__btns .tpm1-btn {
        min-width: 0;
        width: calc(50% - 10px);
        max-width: 154px;
        font-size: 14px;
        padding: 0
    }
}

.uno-tmpsalerecommend,.uno-tmpsalerecommend-test {
    margin: 0
}

.tpm1-draft {
    line-height: 24px;
    font-size: 14px;
    color: #3d485d;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.tpm1-draft a {
    color: #0052d9;
    text-decoration: none
}

.tpm1-draft a:hover {
    text-decoration: underline
}

.tpm1-draft a:not([href]) {
    color: inherit;
    text-decoration: none
}

.tpm1-draft strong {
    font-weight: 500
}

.tpm1-draft hr {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 1px;
    background-color: #999;
    border-width: 0;
    overflow: hidden;
    opacity: .24
}

.tpm1-draft img {
    display: block;
    margin: 16px auto;
    max-width: 100%;
    max-height: 100%;
    border: 0
}

.tpm1-draft .tpm1-qrcode__img img {
    margin: 0
}

.tpm1-draft figure {
    margin: 16px 0;
    display: block
}

.tpm1-draft figure img {
    margin: 0 auto;
    display: block
}

.tpm1-draft .figure-desc {
    margin-top: 5px;
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
    color: #666
}

.tpm1-draft video {
    display: block;
    margin: 40px auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px
}

.tpm1-draft video:last-child {
    margin-bottom: 0
}

.tpm1-draft h1,.tpm1-draft h2,.tpm1-draft h3,.tpm1-draft h4,.tpm1-draft h5,.tpm1-draft h6 {
    color: #000;
    font-weight: 500
}

.tpm1-draft h1:first-child,.tpm1-draft h2:first-child,.tpm1-draft h3:first-child,.tpm1-draft h4:first-child,.tpm1-draft h5:first-child,.tpm1-draft h6:first-child {
    margin-top: 0
}

.tpm1-draft h2 {
    line-height: 28px;
    font-size: 20px
}

.tpm1-draft h2,.tpm1-draft h3 {
    margin-top: 16px;
    margin-bottom: 12px
}

.tpm1-draft h3 {
    line-height: 26px;
    font-size: 16px
}

.tpm1-draft h4 {
    margin-top: 16px;
    margin-bottom: 8px;
    line-height: 24px;
    font-size: 14px
}

.tpm1-draft h2+h3,.tpm1-draft h2+h4,.tpm1-draft h3+h4 {
    margin-top: 12px
}

.tpm1-draft p {
    margin-top: 0;
    margin-bottom: 8px
}

.tpm1-draft ul {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0
}

.tpm1-draft ul>li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 18px;
    list-style: none
}

.tpm1-draft ul>li:before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #9ba6b7
}

.tpm1-draft ol {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 0 0 0 18px;
    list-style-type: decimal
}

.tpm1-draft ol ol,.tpm1-draft ul ol {
    list-style-type: lower-roman
}

.tpm1-draft ol ol ol,.tpm1-draft ol ul ol,.tpm1-draft ul ol ol,.tpm1-draft ul ul ol {
    list-style-type: lower-alpha
}

.tpm1-draft ol>li {
    margin-bottom: 4px;
    list-style: inherit
}

.tpm1-draft ol ol,.tpm1-draft ol ul,.tpm1-draft ul ol,.tpm1-draft ul ul {
    margin-top: 0;
    margin-bottom: 0
}

.tpm1-draft ol ul,.tpm1-draft ul ul {
    color: #666
}

.tpm1-draft ol ul>li:before,.tpm1-draft ul ul>li:before {
    width: 7px;
    height: 7px;
    border: 1px solid #99a7b9;
    background-color: transparent
}

.tpm1-draft table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px
}

.tpm1-draft th {
    background-color: #f5f7fa;
    color: #677489;
    text-align: left;
    font-weight: 400;
    word-break: keep-all
}

.tpm1-draft td,.tpm1-draft th {
    padding: 12px 16px;
    border: 1px solid #e1e6f0
}

.tpm1-draft-table-wrap {
    margin-top: 12px;
    margin-bottom: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.tpm1-draft-table-wrap table {
    margin: 0
}

.tpm1-draft code {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #f3f5f9;
    border-radius: 0;
    padding: 0 12px;
    color: #0abf5b;
    font-family: Consolas,Liberation Mono,Menlo,Courier,Microsoft Yahei,monospace;
    line-height: 20px
}

.tpm1-draft em,.tpm1-draft i {
    font-style: italic;
    font-weight: inherit
}

.tpm1-draft dd {
    margin-left: 0
}

.tpm1-draft dl {
    margin-top: 0;
    margin-bottom: 24px;
    padding: 0
}

.tpm1-draft dl dt {
    padding: 0;
    margin-top: 24px;
    font-size: 1em;
    font-style: italic;
    font-weight: 500
}

.tpm1-draft dl dd {
    padding: 0 16px;
    margin-bottom: 24px
}

.tpm1-draft blockquote {
    margin: 0 0 24px;
    padding: 0 15px;
    color: #777;
    border-left: 4px solid #ddd
}

.tpm1-draft blockquote>:first-child {
    margin-top: 0
}

.tpm1-draft blockquote>:last-child {
    margin-bottom: 0
}

.tpm1-draft pre {
    margin: 12px 0;
    padding: 16px 20px;
    color: #fff;
    background-color: #50556b;
    border-radius: 3px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
    word-wrap: normal
}

.tpm1-draft pre code {
    position: static;
    padding: 0;
    display: inline;
    vertical-align: baseline;
    color: inherit;
    background: transparent
}

.tpm1-draft .tpm1-list>li {
    padding-left: 24px
}

.tpm1-draft .tpm1-list>li:before {
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 0;
    background-color: transparent
}

.tpm1-draft .tpm1-product-recommend__title {
    margin-bottom: 36px
}

.tpm1-draft .tpm1-product-recommend__item {
    color: #3d485d
}

.tpm1-draft .tpm1-product-recommend__item:hover {
    color: #0052d9;
    text-decoration: none
}

.tpm1-draft .tpm1-product-recommend__item-icon {
    margin: 0 auto 8px
}

.tpm1-draft .tpm1-qrcode {
    display: inline-block;
    vertical-align: top
}

.tpm1-draft__logo-content {
    display: -webkit-box;
    display: flex
}

.tpm1-draft__logo-content img.tpm1-draft__logo-content-logo {
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
    border-radius: 4px
}

.tpm1-draft__logo-content-cnt {
    -webkit-box-flex: 1;
    flex: 1
}

@media screen and (max-width: 768px) {
    .tpm1-draft .tpm1-product-recommend__item-icon {
        display:inline-block;
        margin: 0 8px 0 0
    }

    .tpm1-draft__logo-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-draft__logo-content img.tpm1-draft__logo-content-logo {
        width: 40px;
        height: 40px;
        margin: 0 0 16px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-draft video {
        margin:24px auto
    }

    .tpm1-draft .tpm1-product-recommend__title {
        margin-bottom: 12px
    }

    .tpm1-draft .tpm1-product-recommend__item-icon {
        display: inline-block;
        margin: 0 8px 0 0
    }
}

.uno-tmpdraft,.uno-tmpdraft-test {
    margin: 0
}

.tp1-justify-grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%
}

.tp1-justify-grid .tp1-justify-grid__col {
    -webkit-box-flex: 1;
    flex: auto;
    text-align: right;
    vertical-align: middle
}

.tp1-justify-grid .tp1-justify-grid__col--left,.tp1-justify-grid .tp1-justify-grid__col:first-child {
    text-align: left
}

.tp1-justify-grid .tp1-justify-grid__col--right,.tp1-justify-grid .tp1-justify-grid__col--right:first-child {
    text-align: right
}

.tp1-justify-grid.tp1-justify-grid--start {
    -webkit-box-align: start;
    align-items: flex-start
}

.tp1-justify-grid.tp1-justify-grid--end {
    -webkit-box-align: end;
    align-items: flex-end
}

.uno-tmpjustify,.uno-tmpjustify-test {
    margin: 0
}

.tpm1-qrcode {
    text-align: center;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.tpm1-qrcode__img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    padding: 6px;
    border-radius: 6px;
    border: 2px solid #fff;
    background-color: #fff
}

.tpm1-qrcode__img img {
    margin: 0;
    display: block;
    width: 100%;
    height: 100%
}

.tpm1-qrcode__text {
    margin-top: 8px
}

@media screen and (max-width: 768px) {
    .tpm1-qrcode__img {
        width:120px;
        height: 120px
    }
}

.uno-tmpqrcode,.uno-tmpqrcode-test {
    margin: 0
}

.tpm1-step,.tpm1-step__section {
    -webkit-font-smoothing: antialiased
}

.tpm1-step__btns {
    margin-top: 32px;
    text-align: center;
    -webkit-font-smoothing: auto
}

.tpm1-step__btns .tpm1-btn {
    min-width: 200px;
    margin-right: 20px
}

.tpm1-step__btns .tpm1-btn:last-child {
    margin-right: 0
}

.tpm1-step__btns .tpm1-btn--white .tpm1-btn__text {
    color: #0052d9
}

.tpm1-step__item-title {
    font-size: 16px;
    color: #16181a;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-step__item-desc {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    margin-top: 4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.tpm1-step__item-links {
    margin-top: 8px
}

.tpm1-step__item-links .tpm1-link.tp1-link {
    margin-right: 8px
}

.tpm1-step__item-links .tpm1-link.tp1-link:last-child {
    margin-right: 0
}

.tpm1-step__item-cnt {
    overflow: hidden
}

.tpm1-step--card .tpm1-step__list {
    display: -webkit-box;
    display: flex
}

.tpm1-step--card .tpm1-step__list-item {
    -webkit-box-flex: 1;
    flex: 1;
    width: 1px
}

.tpm1-step--card .tpm1-step__item {
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 20px 20px 18px;
    position: relative;
    overflow: hidden;
    height: 100%;
    z-index: 0
}

@media screen and (min-width: 769px) {
    .tpm1-step--card .tpm1-step__item:hover,.tpm1-step--card .tpm1-step__item:hover .tpm1-step__item-index {
        background:#f3f5f8;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff
    }

    .tpm1-step--card .tpm1-step__item:hover .tpm1-step__item-index {
        color: #d4dae2
    }
}

.tpm1-step--card .tpm1-step__item .tpm1-link.tp1-link {
    z-index: 2;
    position: relative;
    white-space: nowrap
}

.tpm1-step--card .tpm1-step__item-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.tpm1-step--card .tpm1-step__item-logo {
    width: 48px;
    height: 48px;
    margin-right: 16px
}

.tpm1-step--card .tpm1-step__item-cnt {
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-step--card .tpm1-step__item-desc-text {
    margin-right: 8px
}

.tpm1-step--card .tpm1-step__item-index {
    z-index: -1;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff,inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    color: #e1e3ea;
    font-size: 36px;
    line-height: 76px;
    position: absolute;
    right: -12px;
    bottom: -16px
}

.tpm1-step--card .tpm1-step__list-item+.tpm1-step__list-item .tpm1-step__item {
    border-left-width: 0
}

.tpm1-step--round .tpm1-step__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 0
}

.tpm1-step--round .tpm1-step__list:after {
    position: absolute;
    left: 124px;
    right: 124px;
    content: "";
    height: 1px;
    top: 30px;
    z-index: -1;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line.png);
    background-repeat: repeat-x;
    background-size: auto 1px
}

.tpm1-step--round .tpm1-step__item {
    text-align: center;
    width: 188px
}

.tpm1-step--round .tpm1-step__item-index {
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 56px;
    display: inline-block;
    margin-bottom: 24px;
    font-size: 24px;
    color: #3d485d
}

.tpm1-step--round .tpm1-step__item-desc {
    margin-top: 8px
}

.tpm1-step--round.tpm1-step--little .tpm1-step__list {
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-step--round.tpm1-step--little .tpm1-step__list:after {
    display: none
}

.tpm1-step--round.tpm1-step--little .tpm1-step__list-item {
    min-width: 33.33%;
    position: relative
}

.tpm1-step--round.tpm1-step--little .tpm1-step__list-item:after {
    position: absolute;
    left: 50%;
    top: 30px;
    content: "";
    height: 1px;
    width: 100%;
    z-index: -1;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line.png);
    background-repeat: repeat-x;
    background-size: auto 1px
}

.tpm1-step--round.tpm1-step--little .tpm1-step__list-item:last-child:after {
    display: none
}

.tpm1-step--round.tpm1-step--little .tpm1-step__item {
    margin: 0 auto
}

.tpm1-step--arrow .tpm1-step__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 0
}

.tpm1-step--arrow .tpm1-step__list:after {
    position: absolute;
    left: 124px;
    right: 124px;
    content: "";
    height: 1px;
    top: 30px;
    z-index: -1;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line.png);
    background-repeat: repeat-x;
    background-size: auto 1px
}

.tpm1-step--arrow .tpm1-step__list-item+.tpm1-step__list-item .tpm1-step__item-index:before {
    content: "";
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-left: 8px solid #bcc2cd;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: -18px
}

.tpm1-step--arrow .tpm1-step__item {
    text-align: center;
    width: 188px
}

.tpm1-step--arrow .tpm1-step__item-index {
    width: 60px;
    height: 60px;
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    font-size: 24px;
    color: #3d485d;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 24px;
    position: relative;
    line-height: 56px
}

.tpm1-step--arrow .tpm1-step__item-index-wrap {
    padding: 0 10px;
    display: inline-block;
    position: relative
}

.tpm1-step--arrow .tpm1-step__item-icon {
    width: 24px;
    height: 24px;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.tpm1-step--arrow .tpm1-step__item-desc {
    margin-top: 8px
}

.tpm1-step--arrow .tpm1-step__item.is-active .tpm1-step__item-desc,.tpm1-step--arrow .tpm1-step__item.is-active .tpm1-step__item-title {
    color: #0052d9
}

.tpm1-step--arrow .tpm1-step__item.is-active .tpm1-step__item-index {
    background: #0052d9;
    color: transparent;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-check.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.tpm1-step--arrow .tpm1-step__item.is-finished .tpm1-step__item-desc,.tpm1-step--arrow .tpm1-step__item.is-finished .tpm1-step__item-title {
    opacity: .5
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__list {
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__list:after {
    display: none
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__list-item {
    min-width: 33.33%;
    position: relative
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__list-item:after {
    position: absolute;
    left: 50%;
    top: 30px;
    content: "";
    height: 1px;
    width: calc(100% - 46px);
    z-index: -1;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line.png);
    background-repeat: repeat-x;
    background-size: auto 1px
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__list-item:last-child:after {
    display: none
}

.tpm1-step--arrow.tpm1-step--little .tpm1-step__item {
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .tpm1-step .tpm1-step__btns {
        margin-top:24px
    }

    .tpm1-step .tpm1-step__btns .tpm1-btn {
        font-size: 14px;
        min-width: 0;
        width: calc(50% - 10px);
        max-width: 154px;
        padding: 0
    }

    .tpm1-step--card .tpm1-step__list {
        flex-wrap: wrap;
        margin: 0 -8px -16px
    }

    .tpm1-step--card .tpm1-step__list-item {
        width: 50%;
        -webkit-box-flex: 0;
        flex: none;
        padding: 0 8px 16px
    }

    .tpm1-step--card .tpm1-step__item {
        padding: 16px
    }

    .tpm1-step--card .tpm1-step__list-item+.tpm1-step__list-item .tpm1-step__item {
        border-left-width: 2px
    }

    .tpm1-step--round .tpm1-step__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-step--round .tpm1-step__list:after {
        bottom: 70px;
        height: auto;
        right: auto;
        left: 20px;
        width: 1px;
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line-vertical.png);
        background-repeat: repeat-y;
        background-size: 1px auto
    }

    .tpm1-step--round .tpm1-step__list-item+.tpm1-step__list-item {
        margin-top: 32px
    }

    .tpm1-step--round .tpm1-step__item {
        text-align: left;
        width: 100%;
        display: -webkit-box;
        display: flex
    }

    .tpm1-step--round .tpm1-step__item-index {
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        box-shadow: 6px 6px 16px 0 rgba(55,99,170,.1),-6px -6px 16px 0 #fff;
        line-height: 38px;
        margin-bottom: 0;
        font-size: 18px
    }

    .tpm1-step--round .tpm1-step__item-cnt {
        -webkit-box-flex: 1;
        flex: 1;
        margin-left: 20px
    }

    .tpm1-step--round.tpm1-step--little .tpm1-step__list {
        -webkit-box-pack: normal;
        justify-content: normal
    }

    .tpm1-step--round.tpm1-step--little .tpm1-step__list:after {
        display: block
    }

    .tpm1-step--round.tpm1-step--little .tpm1-step__list-item {
        min-width: 0
    }

    .tpm1-step--round.tpm1-step--little .tpm1-step__list-item:after {
        display: none
    }

    .tpm1-step--arrow .tpm1-step__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-step--arrow .tpm1-step__list:after {
        bottom: 60px;
        height: auto;
        right: auto;
        left: 20px;
        width: 1px;
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-step-line-vertical.png);
        background-repeat: repeat-y;
        background-size: 1px auto
    }

    .tpm1-step--arrow .tpm1-step__list-item {
        min-height: 60px
    }

    .tpm1-step--arrow .tpm1-step__list-item:last-child {
        min-height: 0
    }

    .tpm1-step--arrow .tpm1-step__list-item+.tpm1-step__list-item {
        margin-top: 24px
    }

    .tpm1-step--arrow .tpm1-step__list-item+.tpm1-step__list-item .tpm1-step__item-index:before {
        border-top: 8px solid #bcc2cd;
        border-left: 4px solid transparent;
        margin-top: -12px;
        top: auto;
        left: 50%;
        margin-left: -4px
    }

    .tpm1-step--arrow .tpm1-step__item {
        text-align: left;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .tpm1-step--arrow .tpm1-step__item-index-wrap {
        padding: 4px 0;
        align-self: flex-start;
        margin-top: -4px;
        height: 48px
    }

    .tpm1-step--arrow .tpm1-step__item-index {
        width: 40px;
        height: 40px;
        border: 1px solid #fff;
        box-shadow: 6px 6px 16px 0 rgba(55,99,170,.1),-6px -6px 16px 0 #fff;
        line-height: 38px;
        margin-bottom: 0;
        font-size: 18px
    }

    .tpm1-step--arrow .tpm1-step__item-cnt {
        -webkit-box-flex: 1;
        flex: 1;
        margin-left: 20px;
        padding: 4px 0
    }

    .tpm1-step--arrow .tpm1-step__item-icon {
        width: 16px;
        height: 16px
    }

    .tpm1-step--arrow .tpm1-step__item.is-active .tpm1-step__item-index {
        background-size: 24px 24px
    }

    .tpm1-step--arrow.tpm1-step--little .tpm1-step__list {
        -webkit-box-pack: normal;
        justify-content: normal
    }

    .tpm1-step--arrow.tpm1-step--little .tpm1-step__list:after {
        display: block
    }

    .tpm1-step--arrow.tpm1-step--little .tpm1-step__list-item {
        min-width: 0
    }

    .tpm1-step--arrow.tpm1-step--little .tpm1-step__list-item:after {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .tpm1-step--card .tpm1-step__list-item {
        width:100%
    }
}

.tpm1-step .tpm1-step__list {
    z-index: 0
}

.tpm1-step .uno-link {
    font-size: 14px;
    line-height: 22px
}

.tpm1-step__item-link {
    pointer-events: none
}

.tpm1-step__item-links .uno-link+.uno-link {
    margin-left: 12px
}

.tpm1-step__btns {
    margin-top: 0
}

.tpm1-step__btns .uno-button {
    width: 200px;
    height: 44px;
    margin-top: 24px
}

.tpm1-step__btns .uno-button+.uno-button {
    margin-left: 20px
}

@media (max-width: 768px) {
    .tpm1-step .tpm1-step__btns {
        margin-top:0
    }

    .tpm1-step .tpm1-step__btns .uno-button {
        width: calc(50% - 10px);
        height: 44px
    }

    .tpm1-step .tpm1-step__btns .uno-button+.uno-button {
        margin-left: 20px
    }

    .uno-tabs-content-item .tpm1-step {
        margin: 16px 0
    }
}

.tpm1-2-action-panel {
    background: #242933 url(/web/jinglisafe/assets/images/cps/bg.jpg) top/auto 100% no-repeat;
    padding: 0 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.tpm1-2-action-panel__inner {
    margin: 0 auto;
    max-width: 1180px;
    min-height: 160px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.tpm1-2-action-panel__main {
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-2-action-panel__side {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.tpm1-2-action-panel__title {
    font-weight: 500;
    font-size: 24px;
    color: #fff;
    line-height: 32px;
    margin-bottom: 15px
}

.tpm1-2-action-panel__desc {
    font-weight: 400;
    font-size: 18px;
    max-width: 700px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 64px
}

.tpm1-2-action-panel__desc a {
    color: #fff;
    border-bottom: 1px solid;
    padding-bottom: 2px
}

.tpm1-2-action-panel__desc a:hover {
    text-decoration: none
}

.tpm1-2-action-panel__btns {
    margin-top: 12px;
    font-size: 0
}

.tpm1-2-action-panel .tpm1-btn {
    min-width: 126px;
    padding: 0
}

.tpm1-2-action-panel .tpm1-btn+.tpm1-btn {
    margin-left: 16px
}

.tpm1-2-action-panel__qrcodes {
    display: -webkit-box;
    display: flex;
    white-space: nowrap;
    margin: 24px 0 8px
}

.tpm1-2-action-panel .tpm1-qrcode {
    margin-left: 40px;
    color: inherit
}

.tpm1-2-action-panel .tpm1-qrcode:first-child {
    margin-left: 0
}

.tpm1-2-action-panel.has-event {
    background: #242933 url(/web/jinglisafe/assets/images/cps/bg2.jpg) top/auto 100% no-repeat
}

.tpm1-2-action-panel.has-event .tpm1-2-action-panel__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px
}

.tpm1-2-action-panel.has-event .tpm1-2-action-panel__desc {
    font-size: 14px;
    line-height: 22px;
    max-width: 540px;
    max-height: 44px
}

.tpm1-2-action-panel.has-event .tpm1-2-action-panel__desc a {
    border-bottom: 1px solid
}

.tpm1-2-action-panel.has-event .tpm1-2-action-panel__btns {
    margin-top: 20px
}

.tpm1-2-action-panel__event {
    width: 390px;
    margin-left: 40px
}

.tpm1-2-action-panel__event-desc {
    font-size: 14px;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 44px
}

.tpm1-2-action-panel__event-btns {
    margin-top: 20px
}

.tpm1-2-action-panel.has-event.has-qrcodes {
    background: #242933 url(/web/jinglisafe/assets/images/cps/bg2.jpg) top/auto 100% no-repeat
}

.tpm1-2-action-panel.has-event.has-qrcodes .tpm1-2-action-panel__desc {
    max-width: 320px
}

@media screen and (max-width: 768px) {
    .tpm1-2-action-panel {
        padding:0;
        background: #242933 url(/web/jinglisafe/assets/images/cps/bg-mobile.png) bottom no-repeat;
        background-size: 360px auto
    }

    .tpm1-2-action-panel__inner {
        padding: 32px 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: stretch;
        align-items: stretch;
        min-height: unset
    }

    .tpm1-2-action-panel__desc {
        font-size: 18px;
        line-height: 28px
    }

    .tpm1-2-action-panel__btns {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -18px
    }

    .tpm1-2-action-panel__main {
        position: relative;
        padding-right: 150px;
        text-align: left
    }

    .tpm1-2-action-panel__side {
        margin-top: 32px
    }

    .tpm1-2-action-panel__qrcodes {
        margin: 0 auto
    }

    .tpm1-2-action-panel .tpm1-qrcode {
        font-size: 16px;
        line-height: 28px
    }

    .tpm1-2-action-panel .tpm1-qrcode__text {
        margin-top: 12px
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__main {
        padding-right: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__cnt {
        -webkit-box-flex: 1;
        flex: 1
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__btns {
        white-space: nowrap;
        margin-left: 24px;
        position: relative;
        right: auto;
        top: auto;
        margin-top: 0
    }

    .tpm1-2-action-panel.has-event {
        background-image: none!important
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__title {
        font-size: 20px;
        text-align: left
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__side {
        margin: 24px -16px 0;
        padding: 24px 16px 0;
        border-top: 1px solid hsla(0,0%,100%,.15);
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__event {
        width: 100%;
        margin-left: 0
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__event-btns {
        text-align: center
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__qrcodes {
        margin-top: 32px;
        -webkit-box-pack: center;
        justify-content: center
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__btns {
        margin-top: -18px
    }

    .tpm1-2-action-panel--fix.has-event__btns {
        margin-top: 0
    }

    .tpm1-2-action-panel__event {
        position: relative;
        text-align: left;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .tpm1-2-action-panel__event-desc {
        -webkit-box-flex: 1;
        flex: 1
    }

    .tpm1-2-action-panel__event-btns {
        white-space: nowrap;
        margin-top: 0
    }

    .tpm1-2-action-panel.has-event.has-qrcodes .tpm1-2-action-panel__desc {
        max-width: 100%
    }
}

@media screen and (max-width: 600px) {
    .tpm1-2-action-panel__inner {
        -webkit-box-align:center;
        align-items: center;
        min-height: 280px
    }

    .tpm1-2-action-panel__btns {
        position: static;
        margin-top: 24px;
        text-align: center
    }

    .tpm1-2-action-panel__main {
        padding-right: 0;
        text-align: center
    }

    .tpm1-2-action-panel__desc {
        display: block;
        max-height: none
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__main {
        display: block
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__cnt {
        -webkit-box-flex: 1;
        flex: 1
    }

    .tpm1-2-action-panel--fix .tpm1-2-action-panel__btns {
        margin-top: 24px;
        margin-left: 0
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__title {
        text-align: center
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__btns {
        margin-top: 20px
    }

    .tpm1-2-action-panel__event {
        padding-right: 0;
        text-align: center;
        display: block
    }

    .tpm1-2-action-panel__event-desc {
        display: block;
        max-height: none
    }

    .tpm1-2-action-panel__event-btns {
        position: static;
        margin-top: 20px
    }
}

.tpm1-2-action-panel {
    background: url(/web/jinglisafe/assets/images/cps/action_panel_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top
}

.tpm1-2-action-panel__desc {
    font-size: 24px;
    line-height: 32px
}

.tpm1-2-action-panel__desc .uno-link {
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    cursor: pointer
}

.tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit {
    font-size: 14px;
    line-height: 22px;
    color: #e0ebff
}

.tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit .tpm1-action-panel-text-tip {
    color: #3f88ff
}

.tpm1-2-action-panel__btns,.tpm1-2-action-panel__event-btns {
    font-size: 14px;
    line-height: 22px;
    color: #e0ebff
}

@media (min-width: 769px) {
    .tpm1-2-action-panel main:only-child {
        padding:40px 0
    }

    .tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit {
        margin-top: 12px
    }

    .tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit .tpm1-action-panel-text-tip {
        margin-left: 12px
    }

    .tpm1-2-action-panel__btns {
        margin-top: 0
    }

    .tpm1-2-action-panel__btns .uno-button {
        margin-top: 16px
    }
}

@media (max-width: 768px) {
    .tpm1-2-action-panel__inner {
        -webkit-box-pack:center;
        justify-content: center
    }

    .tpm1-2-action-panel__main {
        width: 100%;
        padding-right: 0;
        text-align: center;
        -webkit-box-flex: 0;
        flex: none
    }

    .tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit {
        margin-top: 12px
    }

    .tpm1-2-action-panel__desc .tpm1-action-panel-text-subtit .tpm1-action-panel-text-tip {
        margin-left: 8px
    }

    .tpm1-2-action-panel__btns {
        position: relative
    }

    .tpm1-2-action-panel.has-event .tpm1-2-action-panel__btns,.tpm1-2-action-panel .tpm1-2-action-panel__btns,.tpm1-2-action-panel .tpm1-2-action-panel__event-btns {
        margin-top: 20px;
        position: relative
    }

    .tpm1-2-action-panel__event {
        position: relative;
        padding-right: 0;
        text-align: center
    }
}

@media screen and (max-width: 600px) {
    .tpm1-2-action-panel__desc {
        display:block;
        max-height: none
    }

    .tpm1-2-action-panel-main {
        width: 100%
    }
}

.tpm1-case-card-logo-head__item {
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    height: 100%;
    overflow: hidden
}

.tpm1-case-card-logo-head__item-desc {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpm1-case-card-logo-head__item-title {
    font-size: 18px;
    color: #16181a;
    line-height: 26px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-case-card-logo-head__item-logo {
    height: 110px;
    width: auto
}

.tpm1-case-card-logo-head__item-logo img {
    display: block;
    height: 100%;
    width: 100%
}

.tpm1-case-card-logo-head__item-cnt-wrap {
    padding: 20px
}

@media screen and (max-width: 768px) {
    .tpm1-case-card-logo-head__item-cnt-wrap {
        padding:16px
    }

    .tpm1-case-card-logo-head__item-title {
        font-size: 16px;
        line-height: 24px
    }

    .tpm1-case-card-logo-head__item-logo {
        height: 100px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-case-card-logo-head .tpm1-case-card-logo-head__item-logo {
        height:auto
    }
}

.tpm1-case-card-logo-head__item {
    text-decoration: none
}

@media (max-width: 768px) {
    .tpm1-case-card-logo-head__item img {
        height:auto
    }
}

.tpm1-logo-case-card__item {
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 4px;
    padding: 20px;
    height: 100%;
    cursor: default
}

@media screen and (min-width: 769px) {
    .tpm1-logo-case-card__item[href]:hover {
        cursor:pointer;
        box-shadow: 8px 8px 20px 0 #3763aa,-8px -8px 20px 0 #fff
    }

    .tpm1-logo-case-card__item[href]:hover .tpm1-logo-case-card__item-title {
        color: #0052d9
    }
}

@media screen and (max-width: 768px) {
    .tpm1-logo-case-card__item[href]:active {
        box-shadow:8px 8px 20px 0 #3763aa,-8px -8px 20px 0 #fff
    }

    .tpm1-logo-case-card__item[href]:active .tpm1-logo-case-card__item-title {
        color: #0052d9
    }
}

.tpm1-logo-case-card__item-desc {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden
}

.tpm1-logo-case-card__item-title {
    font-weight: 500;
    font-size: 18px;
    color: #16181a;
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-logo-case-card__item-sub {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    margin-top: 8px
}

.tpm1-logo-case-card__item-logo {
    height: 40px;
    width: auto;
    border-radius: 4px
}

.tpm1-logo-case-card__item-logo img {
    display: block;
    height: 100%;
    width: auto;
    border-radius: 4px
}

.tpm1-logo-case-card__item--square {
    display: -webkit-box;
    display: flex
}

.tpm1-logo-case-card__item--square .tpm1-logo-case-card__item-logo {
    margin-right: 20px
}

.tpm1-logo-case-card__item--rectangle .tpm1-logo-case-card__item-tit-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start
}

.tpm1-logo-case-card__item--rectangle .tpm1-logo-case-card__item-sub {
    font-size: 12px;
    line-height: 20px;
    margin-top: 0
}

.tpm1-logo-case-card__item--rectangle .tpm1-logo-case-card__item-desc {
    margin-top: 24px
}

.tpm1-logo-case-card__item--rectangle .tpm1-logo-case-card__item-logo {
    overflow: hidden
}

.tpm1-logo-case-card__item--vertical .tpm1-logo-case-card__item-logo {
    margin-bottom: 16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.tpm1-logo-case-card__item--vertical .tpm1-logo-case-card__item-logo img {
    height: auto;
    max-height: 100%;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .tpm1-logo-case-card__item {
        padding:16px
    }

    .tpm1-logo-case-card__item-title {
        font-size: 16px;
        line-height: 24px
    }

    .tpm1-logo-case-card__item-logo {
        height: 40px
    }

    .tpm1-logo-case-card__item--square .tpm1-logo-case-card__item-logo {
        margin-right: 16px
    }

    .tpm1-logo-case-card__item--vertical .tpm1-logo-case-card__item-logo {
        margin-bottom: 12px
    }
}

.tpm1-logo-case-card__item {
    text-decoration: none
}

.tpm1-case-l-r-layout {
    -webkit-font-smoothing: antialiased;
    display: -webkit-box;
    display: flex
}

.tpm1-case-l-r-layout__main {
    width: 1px;
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-case-l-r-layout__side {
    margin-left: 40px
}

.tpm1-case-l-r-layout__logo-tit {
    font-size: 14px;
    color: #495770;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 20px
}

.tpm1-case-l-r-layout__card {
    min-height: 100%
}

.tpm1-case-l-r-layout__card-title {
    font-size: 18px;
    color: #16181a;
    line-height: 26px;
    font-weight: 500
}

.tpm1-case-l-r-layout__card-desc {
    font-size: 14px;
    color: #495770;
    line-height: 26px;
    margin-top: 12px
}

.tpm1-case-l-r-layout__card-name {
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    text-align: right;
    margin-top: 8px
}

@media screen and (min-width: 769px) {
    .tpm1-case-l-r-layout__card {
        background-image:-webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        border-radius: 8px;
        padding: 28px
    }

    .tpm1-case-l-r-layout .tpm1-logo-card {
        padding: 20px 14px;
        max-width: 186px
    }

    .tpm1-case-l-r-layout .tpm1-logo-card__list {
        padding: 0 8px
    }

    .tpm1-case-l-r-layout .tpm1-logo-card__list li {
        padding: 0 8px 16px
    }

    .tpm1-case-l-r-layout .tpm1-logo-card__wrap {
        margin-bottom: -44px;
        margin-left: -16px;
        margin-right: -16px
    }
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__side {
    padding-top: 12px;
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__main {
    width: 352px;
    -webkit-box-flex: unset;
    flex: unset
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__logo-hd {
    position: relative
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__logo-hd .tpm1-link {
    position: absolute;
    right: 0;
    top: 3px
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__logo-tit {
    color: #495770;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 24px
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__card {
    padding: 20px;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__card-title {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__card-desc {
    line-height: 22px;
    margin-top: 8px;
    color: #293957
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card {
    margin-bottom: 20px;
    box-sizing: border-box;
    width: 100%;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card-inner {
    padding-top: 49.66443%;
    border-radius: 4px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card-inner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,82,217,.3)
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card video {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .5
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card-icon:after {
    content: "";
    display: block;
    margin-right: -2px;
    width: 8px;
    height: 10px;
    background-image: url(/web/jinglisafe/assets/images/cps/video-icon.svg)
}

.tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__video-card:hover {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
}

@media screen and (min-width: 769px) {
    .tpm1-case-l-r-layout--video-card .tpm1-logo-card {
        background:#f5f7fa;
        border: 2px solid #fff;
        border-radius: 8px;
        box-shadow: none
    }

    .tpm1-case-l-r-layout--video-card .tpm1-logo-card__list {
        text-align: left
    }

    .tpm1-case-l-r-layout--video-card .tpm1-logo-card__list li {
        padding: 0 8px 12px;
        width: 25%
    }

    .tpm1-case-l-r-layout--video-card .tpm1-logo-card__wrap {
        margin-bottom: -40px
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-1 .tpm1-case-l-r-layout__card {
        height: 243px
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-1 .tpm1-case-l-r-layout__card-desc {
        display: none
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-2 .tpm1-case-l-r-layout__card {
        height: 294px
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-2 .tpm1-case-l-r-layout__card-desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-3 .tpm1-case-l-r-layout__card {
        height: 406px
    }

    .tpm1-case-l-r-layout--video-card.tpm1-case-l-r-layout--row-3 .tpm1-case-l-r-layout__card-desc {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden
    }
}

@media screen and (min-width: 769px) {
    .tpm1-case-l-r-layout--swiper.tpm1-case-l-r-layout--row-1 .tpm1-case-l-r-layout__card {
        height:278px
    }

    .tpm1-case-l-r-layout--swiper.tpm1-case-l-r-layout--row-2 .tpm1-case-l-r-layout__card {
        height: 330px
    }
}

.tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__main {
    width: 380px
}

.tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__side {
    margin-left: 12px
}

.tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__card {
    padding-bottom: 56px
}

.tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__card__video-card {
    margin-bottom: 20px
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper__btn {
    top: 120px;
    width: 32px;
    height: 32px;
    z-index: 2;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper__btn--prev {
    right: auto;
    margin-right: 0;
    margin-left: 4px
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper__btn--next {
    right: 32px;
    left: auto;
    margin-left: 0
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper__pages {
    margin-top: 0;
    z-index: 3;
    position: relative;
    top: -24px;
    right: 14px
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper .swiper-container {
    margin-bottom: -28px
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper .swiper-slide {
    padding: 0 28px 28px 0;
    box-sizing: border-box;
    height: auto
}

.tpm1-case-l-r-layout--swiper .tpm1-swiper .is-hide,.tpm1-case-l-r-layout--swiper .tpm1-swiper .swiper-slide-prev {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear
}

@media screen and (max-width: 768px) {
    .tpm1-case-l-r-layout {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-case-l-r-layout__main {
        width: 100%
    }

    .tpm1-case-l-r-layout__side {
        margin: 20px 0 0
    }

    .tpm1-case-l-r-layout__card-title {
        font-size: 16px;
        line-height: 22px
    }

    .tpm1-case-l-r-layout__card-name,.tpm1-case-l-r-layout__logo-tit {
        display: none
    }

    .tpm1-case-l-r-layout .tpm1-logo-card__wrap {
        margin-left: -24px;
        margin-right: -24px
    }

    .tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__side {
        padding-top: 4px
    }

    .tpm1-case-l-r-layout--video-card .tpm1-case-l-r-layout__main {
        width: 100%
    }

    .tpm1-case-l-r-layout--video-card .tpm1-link {
        text-align: center;
        margin-top: 24px
    }

    .tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__main {
        display: block;
        width: calc(100% + 16px);
        overflow: hidden
    }

    .tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__side {
        width: 100%;
        display: block;
        margin-left: 0
    }

    .tpm1-case-l-r-layout--swiper .tpm1-case-l-r-layout__card {
        padding-bottom: 32px;
        width: 280px
    }

    .tpm1-case-l-r-layout--swiper .tpm1-swiper {
        width: 864px
    }

    .tpm1-case-l-r-layout--swiper .tpm1-swiper__btn {
        display: none
    }

    .tpm1-case-l-r-layout--swiper .tpm1-swiper__pages {
        margin-top: 24px;
        top: 0;
        right: 0;
        width: 100vw
    }

    .tpm1-case-l-r-layout--swiper .tpm1-swiper .swiper-slide {
        padding: 0 12px 28px 0
    }

    .tpm1-case-l-r-layout--swiper .tpm1-swiper .is-hide {
        opacity: 1
    }
}

@media screen and (max-width: 600px) {
    .tpm1-case-l-r-layout .tpm1-logo-card__wrap {
        margin-left:-16px;
        margin-right: -16px
    }
}

.tpm1-faq__item {
    padding: 0 40px;
    margin-bottom: 40px;
    -webkit-font-smoothing: antialiased
}

.tpm1-faq__item.is-open:first-child {
    margin-top: -40px
}

.tpm1-faq__item:last-child {
    margin-bottom: 0
}

.tpm1-faq__item-hd {
    cursor: pointer;
    position: relative;
    padding-right: 36px
}

.tpm1-faq__item-hd:hover .tpm1-faq__item-title {
    color: #0052d9
}

.tpm1-faq__item-title {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    line-height: 28px
}

.tpm1-faq__item-icon {
    position: absolute;
    right: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-faq-icon.svg);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tpm1-faq__item-bd {
    margin-top: 10px
}

.tpm1-faq__item.is-open {
    padding: 40px 40px 24px;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
    border-radius: 4px
}

.tpm1-faq__item.is-open .tpm1-faq__item-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tpm1-faq__list {
    padding-top: 40px
}

.tpm1-faq__tip {
    margin-top: 80px;
    text-align: center;
    font-size: 14px;
    color: #3d485d;
    line-height: 24px
}

.tpm1-faq__tip .tp1-link {
    margin: 0 5px
}

.tpm1-faq .tpm1-tabs__bar {
    position: relative;
    margin-bottom: -1px
}

.tpm1-faq .tpm1-tabs__bar:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #d6dbe3
}

.tpm1-faq .tpm1-tabs__cont {
    padding: 0;
    background: transparent;
    box-shadow: none
}

@media screen and (max-width: 1200px) {
    .tpm1-faq__item-bd {
        max-width:800px
    }
}

@media screen and (max-width: 768px) {
    .tpm1-faq__item {
        padding:0
    }

    .tpm1-faq__item-icon {
        display: none
    }

    .tpm1-faq__item.is-open {
        padding: 0;
        background: none;
        box-shadow: none;
        border-radius: 0
    }
}

@media (min-width: 769px) {
    .tpm1-faq__tip {
        margin-top:40px
    }
}

@media (max-width: 768px) {
    .tpm1-faq__tip {
        margin-top:20px
    }
}

@media (max-width: 768px) {
    .uno-module .tpm1-faq .tpm1-collapse {
        margin-left:-16px;
        margin-right: -16px
    }
}

.tpm1-compare-intro {
    -webkit-font-smoothing: antialiased
}

.tpm1-compare-intro--default {
    position: relative;
    background-color: #eff3f8
}

.tpm1-compare-intro--default .tpm1-compare-intro__cnt {
    position: relative;
    z-index: 1;
    padding: 30px 40px 14px
}

.tpm1-compare-intro--default .tpm1-compare-intro__table {
    color: #666;
    width: 100%
}

.tpm1-compare-intro--default .tpm1-compare-intro__table th {
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    padding-bottom: 24px
}

.tpm1-compare-intro--default .tpm1-compare-intro__table th:nth-child(2n) {
    color: #fff;
    padding-left: 30px
}

.tpm1-compare-intro--default .tpm1-compare-intro__table td {
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 16px
}

.tpm1-compare-intro--default .tpm1-compare-intro__table td:nth-child(2n) {
    color: #fff;
    padding-left: 30px
}

.tpm1-compare-intro--default .tpm1-compare-intro__table td:nth-child(2n) .tpm1-compare-intro__item-value {
    color: #fff;
    opacity: .7
}

.tpm1-compare-intro--card .tpm1-compare-intro__card {
    background: -webkit-linear-gradient(bottom,#fff,#fefeff);
    background: linear-gradient(0deg,#fff,#fefeff);
    border: 1px solid #e4e7ef;
    text-align: center
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-label {
    height: 28px;
    background: -webkit-linear-gradient(left,#006fff,#0065e0 45%,#0052d9);
    background: linear-gradient(90deg,#006fff,#0065e0 45%,#0052d9);
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding: 6px;
    position: absolute;
    left: -5px;
    top: -5px
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-label:before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: -8px;
    border-color: #0052d9 transparent;
    border-style: solid;
    border-width: 14px 8px;
    margin-top: -14px
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-title {
    font-weight: 500;
    color: #333;
    padding: 15px 0
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-item {
    padding: 10px 20px;
    color: #666;
    text-align: center
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-item:nth-child(odd) {
    background: -webkit-linear-gradient(left,#f1f4f9,#eff4fb);
    background: linear-gradient(90deg,#f1f4f9,#eff4fb)
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-price-wrap {
    color: #ff5400;
    padding: 12px 0
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-price {
    font-size: 32px;
    line-height: 32px;
    margin-right: 4px
}

.tpm1-compare-intro--card .tpm1-compare-intro__card-unit {
    font-weight: 600
}

.tpm1-compare-intro--card .tpm1-compare-intro__card--recommend {
    border: 2px solid #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(0,82,217,.14);
    position: relative
}

@media screen and (min-width: 769px) {
    .tpm1-compare-intro--default {
        width:1180px
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg {
        width: 664px;
        position: absolute;
        top: -17px;
        bottom: -19px;
        right: 0;
        overflow-x: hidden;
        z-index: 0;
        box-shadow: 9px 8px 12px 0 rgba(50,105,246,.22)
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg:after {
        content: "";
        width: 653px;
        background: -webkit-linear-gradient(226deg,#507cff,#0a50ea);
        background: linear-gradient(224deg,#507cff,#0a50ea);
        right: 0;
        top: 0;
        bottom: 0
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-border,.tpm1-compare-intro--default .tpm1-compare-intro__bg:after {
        display: inline-block;
        position: absolute;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: skewX(-6deg);
        -ms-transform: skewX(-6deg);
        transform: skewX(-6deg)
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-border {
        width: 649px;
        right: 15px;
        top: 10px;
        bottom: 10px;
        z-index: 1;
        border: 1px solid #80b0ff;
        border-right-width: 0
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-border:after {
        content: "";
        background-color: #80b0ff;
        position: absolute;
        width: 1px;
        top: 115px;
        bottom: 0;
        right: 0;
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: skewX(6deg);
        -ms-transform: skewX(6deg);
        transform: skewX(6deg)
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-icon {
        width: 120px;
        height: 120px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-icon img {
        width: 100%;
        height: 100%
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__center-icon {
        width: 110px;
        height: 110px;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: calc(50% - 55px);
        z-index: 2;
        right: 48.5%
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__item-label {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 480px
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__item-value {
        color: #999;
        margin-top: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 480px
    }

    .tpm1-compare-intro--card {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card {
        -webkit-box-flex: 1;
        flex: 1;
        width: 1px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
        line-height: 26px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-item {
        font-size: 14px;
        line-height: 22px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-item-value {
        max-width: 480px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0 auto
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card--recommend {
        border: 2px solid #0052d9;
        box-shadow: 8px 8px 20px 0 rgba(0,82,217,.14);
        position: relative
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card--recommend .tpm1-compare-intro__card-title {
        padding-top: 25px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card--recommend .tpm1-compare-intro__card-price-wrap {
        padding: 17px 0
    }
}

@media screen and (max-width: 768px) {
    .tpm1-compare-intro--default .tpm1-compare-intro__center-icon {
        display:none
    }

    .tpm1-compare-intro--default:after {
        content: "";
        display: inline-block;
        width: 50%;
        background: -webkit-linear-gradient(226deg,#507cff,#0a50ea);
        background: linear-gradient(224deg,#507cff,#0a50ea);
        box-shadow: 0 8px 20px 0 rgba(50,105,246,.4);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-icon {
        width: 65px;
        height: 65px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__bg-icon img {
        width: 100%;
        height: 100%
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__cnt {
        padding: 16px 12px 4px
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__table th {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 12px;
        padding-right: 12px;
        vertical-align: top
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__table th:nth-child(2n) {
        padding-left: 12px;
        padding-right: 0
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__table td {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 12px;
        padding-right: 12px;
        vertical-align: top
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__table td:nth-child(2n) {
        padding-left: 12px;
        padding-right: 0
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__item-label {
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .tpm1-compare-intro--default .tpm1-compare-intro__item-value {
        color: #999;
        margin-top: 4px
    }

    .tpm1-compare-intro--card {
        position: relative
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card {
        position: absolute;
        top: 0;
        width: 52.44%;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-title {
        padding: 16px 12px 12px;
        font-size: 16px;
        line-height: 24px;
        text-align: left
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-item {
        padding: 8px 12px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-item-value {
        font-size: 12px;
        line-height: 18px;
        text-align: left
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-price-wrap {
        padding: 12px 0
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-label {
        height: 20px;
        padding: 0 6px;
        position: absolute;
        left: -2px;
        top: -7px;
        line-height: 20px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card-label:before {
        border-width: 10px 4px;
        margin-top: -10px;
        right: -4px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card.prev {
        left: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        z-index: 0;
        position: relative
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card.next {
        right: 0;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
        z-index: 0
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card.active {
        z-index: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__card--recommend {
        border: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table {
        border: 1px solid #e4e7ef;
        border-spacing: 0;
        text-align: left
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table td:last-child,.tpm1-compare-intro--card .tpm1-compare-intro__table th:last-child {
        border-left: 1px solid #e4e7ef
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table th {
        position: relative
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table td {
        padding: 8px 12px
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table .tpm1-compare-intro__card-price-wrap td {
        padding: 12px;
        text-align: left
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-0 td:first-child,.tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-0 th:first-child {
        border-right: 1px solid #0052d9;
        border-left: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-0 th:first-child {
        border-top: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-0 tr:last-child td:first-child {
        border-bottom: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-1 td:nth-child(2),.tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-1 th:nth-child(2) {
        border-right: 1px solid #0052d9;
        border-left: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-1 th:nth-child(2) {
        border-top: 1px solid #0052d9
    }

    .tpm1-compare-intro--card .tpm1-compare-intro__table--recommend-1 tr:last-child td:nth-child(2) {
        border-bottom: 1px solid #0052d9
    }
}

@-webkit-keyframes ShapeBreathe {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes ShapeBreathe {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

.uno-hero-3d {
    font-size: 0;
    position: relative;
    z-index: 1
}

.uno-hero-3d-con {
    display: inline-block
}

.uno-hero-3d-title {
    color: #181818;
    overflow: hidden;
    font-weight: 500;
    word-break: break-all
}

.uno-hero-3d-sub-tit {
    overflow: hidden;
    color: #4b5b76;
    word-break: break-all
}

.uno-hero-3d-tag {
    display: inline-block;
    font-size: 12px;
    height: 22px;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 11px;
    position: absolute;
    top: 148px;
    left: 0
}

.uno-hero-3d-tag-product {
    background: hsla(0,0%,100%,.6);
    color: #0052d9;
    border: 1px solid #0052d9
}

.uno-hero-3d-tag-company {
    background: hsla(0,0%,100%,.6);
    color: #088f50;
    border: 1px solid #088f50
}

.uno-hero-3d-tag-discounts {
    background: hsla(0,0%,100%,.6);
    color: #9c2cff;
    border: 1px solid #9c2cff
}

.uno-hero-3d-tag-promotion {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.uno-hero-3d-decor-item {
    width: 440px;
    height: 240px;
    position: absolute
}

.uno-hero-3d-decor-item-top {
    top: 0;
    left: calc(50% - 140px);
    right: auto
}

.uno-hero-3d-decor-item-bottom {
    bottom: 0;
    left: calc(50% + 200px);
    right: auto
}

.uno-hero-3d-main-vision {
    position: absolute;
    left: calc(50% + 10px);
    right: auto;
    top: 85px;
    width: 580px;
    height: 500px;
    z-index: 40
}

@media screen and (min-width: 769px) {
    .uno-hero-3d {
        min-width:1200px;
        height: 500px;
        background: url(/web/jinglisafe/assets/images/cps/hero_3d_pc_bg_normal.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto 100%
    }

    .uno-hero-3d .uno-hero-3d-main-img-pc {
        position: absolute;
        z-index: 20;
        left: calc(50% + 10px);
        right: auto;
        top: 85px;
        width: 580px;
        height: 500px
    }

    .uno-hero-3d-with-btn {
        position: relative
    }

    .uno-hero-3d-with-btn .uno-hero-3d-inner {
        padding-top: 158px
    }

    .uno-hero-3d-with-btn .uno-hero-3d-tag {
        top: 120px
    }

    .uno-hero-3d-with-btn .uno-hero-3d-button-wrap {
        position: absolute;
        bottom: 100px
    }

    .uno-hero-3d-with-btn .uno-button {
        width: 136px;
        height: 44px;
        font-size: 16px;
        line-height: 24px
    }

    .uno-hero-3d-with-btn .uno-button:nth-child(n+2) {
        margin-left: 20px
    }

    .uno-hero-3d-inner {
        width: 1180px;
        height: 100%;
        margin: 0 auto;
        padding-top: 186px;
        position: relative;
        z-index: 30
    }

    .uno-hero-3d-title {
        font-size: 42px;
        line-height: 54px;
        max-height: 108px;
        max-width: 580px
    }

    .uno-hero-3d-sub-tit {
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
        margin-top: 16px;
        max-width: 580px
    }
}

@media screen and (max-width: 768px) {
    .uno-hero-3d {
        background-size:auto 100%;
        background-position: top;
        height: 400px
    }

    .uno-hero-3d-bg-type-circle-0 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_m_bg.png)
    }

    .uno-hero-3d-bg-type-cylinder-0 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_m_bg.png)
    }

    .uno-hero-3d-bg-type-capsule-0 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_m_bg.png)
    }

    .uno-hero-3d-bg-type-annulus-0 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_m_bg.png)
    }

    .uno-hero-3d-bg-type-polyhedron-0 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_m_bg.png)
    }

    .uno-hero-3d-bg-type-circle-1 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_m_bg.png)
    }

    .uno-hero-3d-bg-type-cylinder-1 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_m_bg.png)
    }

    .uno-hero-3d-bg-type-capsule-1 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_m_bg.png)
    }

    .uno-hero-3d-bg-type-annulus-1 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_m_bg.png)
    }

    .uno-hero-3d-bg-type-polyhedron-1 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_m_bg.png)
    }

    .uno-hero-3d-bg-type-circle-2 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_m_bg.png)
    }

    .uno-hero-3d-bg-type-cylinder-2 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_m_bg.png)
    }

    .uno-hero-3d-bg-type-capsule-2 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_m_bg.png)
    }

    .uno-hero-3d-bg-type-annulus-2 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_m_bg.png)
    }

    .uno-hero-3d-bg-type-polyhedron-2 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_m_bg.png)
    }

    .uno-hero-3d-bg-type-circle-3 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_m_bg.png)
    }

    .uno-hero-3d-bg-type-cylinder-3 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_m_bg.png)
    }

    .uno-hero-3d-bg-type-capsule-3 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_m_bg.png)
    }

    .uno-hero-3d-bg-type-annulus-3 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_m_bg.png)
    }

    .uno-hero-3d-bg-type-polyhedron-3 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_m_bg.png)
    }

    .uno-hero-3d-bg-type-circle-4 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_m_bg.png)
    }

    .uno-hero-3d-bg-type-cylinder-4 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_m_bg.png)
    }

    .uno-hero-3d-bg-type-capsule-4 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_m_bg.png)
    }

    .uno-hero-3d-bg-type-annulus-4 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_m_bg.png)
    }

    .uno-hero-3d-bg-type-polyhedron-4 {
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_m_bg.png)
    }

    .uno-hero-3d-main-vision {
        display: none
    }

    .uno-hero-3d-inner {
        width: 100%;
        padding: 260px 20px 0;
        display: inline-block;
        box-sizing: border-box;
        text-align: center
    }

    .uno-hero-3d-text {
        position: relative;
        z-index: 10
    }

    .uno-hero-3d-title {
        max-width: 320px;
        font-size: 24px;
        line-height: 32px;
        max-height: 64px
    }

    .uno-hero-3d-sub-tit {
        max-width: 320px;
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
        max-height: 44px
    }

    .uno-hero-3d-with-btn .uno-hero-3d-text {
        max-height: 98px;
        min-height: 88px;
        overflow: hidden
    }

    .uno-hero-3d-main-img-m {
        left: calc(50% - 143px);
        right: auto;
        top: 0;
        width: 286px;
        height: 244px;
        pointer-events: none;
        position: absolute;
        z-index: 10
    }

    .uno-hero-3d-decor-item {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .uno-hero-3d-with-btn {
        position:relative
    }

    .uno-hero-3d-with-btn .uno-hero-3d-inner {
        padding-top: 228px
    }

    .uno-hero-3d-with-btn .uno-hero-3d-button-wrap {
        position: absolute;
        bottom: 48px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    .uno-hero-3d-with-btn .uno-button {
        width: 100px;
        height: 36px
    }

    .uno-hero-3d-with-btn .uno-button:nth-child(n+2) {
        margin-left: 20px
    }
}

@media (min-width: 769px) {
    .uno-hero-3d-bg-wrap {
        position:absolute;
        z-index: 10;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .uno-hero-3d-bg-type-circle-1 .uno-hero-3d-bg-wrap-item:first-child {
        top: -511px;
        left: calc(50% - 1622px);
        right: auto;
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_1.png)
    }

    .uno-hero-3d-bg-type-circle-1 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        top: -400px;
        left: calc(50% - 500px);
        right: auto;
        width: 766px;
        height: 766px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_2.png)
    }

    .uno-hero-3d-bg-type-circle-1 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        top: 278px;
        left: calc(50% - 730px);
        right: auto;
        width: 208px;
        height: 208px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_3.png)
    }

    .uno-hero-3d-bg-type-circle-1 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        top: 221px;
        right: calc(50% - 810px);
        left: auto;
        width: 654px;
        height: 654px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_4.png)
    }

    .uno-hero-3d-bg-type-circle-1 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        top: -341px;
        right: calc(50% - 1568px);
        left: auto;
        width: 724px;
        height: 724px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_5.png)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:first-child {
        width: 208px;
        height: 208px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_3.png);
        top: 0;
        right: auto;
        left: calc(50% - 1309px)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        left: calc(50% - 1103px);
        right: auto;
        top: -675px;
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_1.png)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 208px;
        height: 208px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_3.png);
        top: 42px;
        left: auto;
        right: calc(50% - 627px)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 724px;
        height: 724px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_5.png);
        top: -241px;
        left: auto;
        right: calc(50% - 1437px)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 654px;
        height: 654px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_4.png);
        top: 207px;
        right: auto;
        left: calc(50% - 1187px)
    }

    .uno-hero-3d-bg-type-circle-2 .uno-hero-3d-bg-wrap-item:nth-child(6) {
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_1.png);
        top: 207px;
        left: auto;
        right: calc(50% - 628px)
    }

    .uno-hero-3d-bg-type-circle-3 .uno-hero-3d-bg-wrap-item:first-child {
        width: 654px;
        height: 654px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_4.png);
        top: -403px;
        right: auto;
        left: calc(50% - 653px)
    }

    .uno-hero-3d-bg-type-circle-3 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 208px;
        height: 208px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_3.png);
        top: 16px;
        left: auto;
        right: calc(50% - 613px)
    }

    .uno-hero-3d-bg-type-circle-3 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_1.png);
        top: 73px;
        right: auto;
        left: calc(50% - 1587px)
    }

    .uno-hero-3d-bg-type-circle-3 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 766px;
        height: 766px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_2.png);
        top: 237px;
        left: auto;
        right: calc(50% - 510px)
    }

    .uno-hero-3d-bg-type-circle-3 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 724px;
        height: 724px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_5.png);
        top: 145px;
        left: auto;
        right: calc(50% - 1390px)
    }

    .uno-hero-3d-bg-type-circle-4 .uno-hero-3d-bg-wrap-item:first-child {
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_1.png);
        top: -541px;
        right: auto;
        left: calc(50% - 1604px)
    }

    .uno-hero-3d-bg-type-circle-4 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 208px;
        height: 208px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_3.png);
        top: 16px;
        left: calc(50% - 511px);
        right: auto
    }

    .uno-hero-3d-bg-type-circle-4 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 654px;
        height: 654px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_4.png);
        top: -310px;
        right: calc(50% - 687px);
        left: auto
    }

    .uno-hero-3d-bg-type-circle-4 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 766px;
        height: 766px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_2.png);
        top: 223px;
        left: calc(50% - 454px);
        right: auto
    }

    .uno-hero-3d-bg-type-circle-4 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 724px;
        height: 724px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_circle_5.png);
        top: 211px;
        left: auto;
        right: calc(50% - 1374px)
    }

    .uno-hero-3d-bg-type-cylinder-1 .uno-hero-3d-bg-wrap-item:first-child {
        width: 448px;
        height: 448px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_3.png);
        top: -198px;
        left: calc(50% - 778px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-1 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 1244px;
        height: 1244px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_5.png);
        top: -835px;
        right: calc(50% - 976px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-1 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 954px;
        height: 954px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_1.png);
        top: 43px;
        left: calc(50% - 1570px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-1 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 1396px;
        height: 1396px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_2.png);
        top: -20px;
        left: calc(50% - 615px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-1 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 718px;
        height: 718px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_4.png);
        top: 175px;
        right: calc(50% - 1468px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:first-child {
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_6.png);
        top: -351px;
        left: calc(50% - 1868px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 1244px;
        height: 1244px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_5.png);
        top: -855px;
        left: calc(50% - 1140px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 448px;
        height: 448px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_3.png);
        top: -224px;
        right: calc(50% - 689px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 718px;
        height: 718px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_4.png);
        top: 190px;
        left: calc(50% - 1066px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 1396px;
        height: 1396px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_2.png);
        top: -20px;
        right: calc(50% - 1098px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-2 .uno-hero-3d-bg-wrap-item:nth-child(6) {
        width: 952px;
        height: 952px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_6.png);
        top: -109px;
        right: calc(50% - 1751px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-3 .uno-hero-3d-bg-wrap-item:first-child {
        width: 1330px;
        height: 1330px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_7.png);
        top: -938px;
        left: calc(50% - 849px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-3 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 290px;
        height: 290px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_10.png);
        top: -145px;
        left: calc(50% - 712px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-3 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 1055px;
        height: 1055px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_11.png);
        top: -454px;
        right: calc(50% - 1558px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-3 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 718px;
        height: 718px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_8.png);
        top: 90px;
        left: calc(50% - 1418px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-3 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 1396px;
        height: 1396px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_9.png);
        top: 23px;
        right: calc(50% - 731px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-4 .uno-hero-3d-bg-wrap-item:first-child {
        width: 1396px;
        height: 1396px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_9.png);
        top: -925px;
        right: calc(50% - 1005px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-4 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 1055px;
        height: 1055px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_11.png);
        top: -349px;
        right: calc(50% - 1863px);
        left: auto
    }

    .uno-hero-3d-bg-type-cylinder-4 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 718px;
        height: 718px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_8.png);
        top: 87px;
        left: calc(50% - 1418px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-4 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 1396px;
        height: 1396px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_9.png);
        top: -41px;
        left: calc(50% - 1398px);
        right: auto
    }

    .uno-hero-3d-bg-type-cylinder-4 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 290px;
        height: 290px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_cylinder_10.png);
        top: 285px;
        right: calc(50% - 736px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-1 .uno-hero-3d-bg-wrap-item:first-child {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_2.png);
        top: -512px;
        left: calc(50% - 614px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-1 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_3.png);
        top: -542px;
        right: calc(50% - 1425px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-1 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_1.png);
        top: 57px;
        left: calc(50% - 1636px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-1 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_1.png);
        top: 27px;
        right: calc(50% - 691px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-1 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 314px;
        height: 314px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_4.png);
        top: 114px;
        right: calc(50% - 1437px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-2 .uno-hero-3d-bg-wrap-item:first-child {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_5.png);
        top: -518px;
        left: calc(50% - 926px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-2 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 314px;
        height: 314px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_7.png);
        top: -121px;
        right: calc(50% - 703px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-2 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_8.png);
        top: 45px;
        left: calc(50% - 1350px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-2 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_6.png);
        top: 65px;
        right: calc(50% - 846px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-2 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_8.png);
        top: -40px;
        right: calc(50% - 1614px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-3 .uno-hero-3d-bg-wrap-item:first-child {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_2.png);
        top: -496px;
        left: calc(50% - 1201px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-3 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_1.png);
        top: -587px;
        right: calc(50% - 987px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-3 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 314px;
        height: 314px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_4.png);
        top: 70px;
        right: calc(50% - 974px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-3 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_1.png);
        top: 82px;
        left: calc(50% - 923px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-3 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_3.png);
        top: 225px;
        right: calc(50% - 1368px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-4 .uno-hero-3d-bg-wrap-item:first-child {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_5.png);
        top: -525px;
        left: calc(50% - 1079px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-4 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 844px;
        height: 844px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_8.png);
        top: -446px;
        right: calc(50% - 1080px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-4 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 673px;
        height: 673px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_9.png);
        top: 186px;
        left: calc(50% - 1203px);
        right: auto
    }

    .uno-hero-3d-bg-type-capsule-4 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 987px;
        height: 987px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_6.png);
        top: 29px;
        right: calc(50% - 718px);
        left: auto
    }

    .uno-hero-3d-bg-type-capsule-4 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 314px;
        height: 314px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_capsule_7.png);
        top: 279px;
        right: calc(50% - 1371px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-1 .uno-hero-3d-bg-wrap-item:first-child {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_1.png);
        top: -435px;
        left: calc(50% - 625px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-1 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 216px;
        height: 216px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_4.png);
        top: -52px;
        right: calc(50% - 671px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-1 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_2.png);
        top: -233px;
        right: calc(50% - 1462px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-1 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_3.png);
        top: 52px;
        left: calc(50% - 1486px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-1 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_3.png);
        top: 145px;
        right: calc(50% - 540px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-2 .uno-hero-3d-bg-wrap-item:first-child {
        width: 216px;
        height: 216px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_4.png);
        top: 22px;
        left: calc(50% - 1222px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-2 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 1118px;
        height: 1118px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_6.png);
        top: -654px;
        left: calc(50% - 578px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-2 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_3.png);
        top: -375px;
        right: calc(50% - 1532px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-2 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_2.png);
        top: 145px;
        left: calc(50% - 1310px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-2 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_5.png);
        top: 160px;
        right: calc(50% - 895px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-3 .uno-hero-3d-bg-wrap-item:first-child {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_1.png);
        top: -405px;
        left: calc(50% - 1192px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-3 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 216px;
        height: 216px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_4.png);
        top: 52px;
        right: calc(50% - 671px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-3 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_2.png);
        top: -314px;
        right: calc(50% - 1561px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-3 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 216px;
        height: 216px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_4.png);
        top: 322px;
        left: calc(50% - 1300px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-3 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 1118px;
        height: 1118px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_6.png);
        top: 0;
        right: calc(50% - 558px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-4 .uno-hero-3d-bg-wrap-item:first-child {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_5.png);
        top: -356px;
        left: calc(50% - 805px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-4 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 216px;
        height: 216px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_4.png);
        top: -71px;
        right: calc(50% - 671px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-4 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 711px;
        height: 711px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_3.png);
        top: -211px;
        right: calc(50% - 1526px);
        left: auto
    }

    .uno-hero-3d-bg-type-annulus-4 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 810px;
        height: 810px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_2.png);
        top: 58px;
        left: calc(50% - 1522px);
        right: auto
    }

    .uno-hero-3d-bg-type-annulus-4 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 1118px;
        height: 1118px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_annulus_7.png);
        top: -19px;
        right: calc(50% - 790px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-1 .uno-hero-3d-bg-wrap-item:first-child {
        width: 1082px;
        height: 1082px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_1.png);
        top: -641px;
        left: calc(50% - 924px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-1 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 200px;
        height: 200px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_3.png);
        top: -3px;
        right: calc(50% - 702px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-1 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 866px;
        height: 866px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_5.png);
        top: 197px;
        left: calc(50% - 1665px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-1 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 880px;
        height: 880px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_2.png);
        top: 97px;
        right: calc(50% - 681px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-1 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 707px;
        height: 707px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_4.png);
        top: 85px;
        right: calc(50% - 1343px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-2 .uno-hero-3d-bg-wrap-item:first-child {
        width: 1082px;
        height: 1082px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_1.png);
        top: -582px;
        left: calc(50% - 1631px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-2 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 529px;
        height: 529px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_6.png);
        top: -264px;
        left: calc(50% - 480px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-2 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 200px;
        height: 200px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_3.png);
        top: 19px;
        right: calc(50% - 606px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-2 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 880px;
        height: 880px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_2.png);
        top: -420px;
        right: calc(50% - 1515px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-2 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 866px;
        height: 866px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_5.png);
        top: 176px;
        right: calc(50% - 529px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:first-child {
        width: 707px;
        height: 707px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_4.png);
        top: -457px;
        left: calc(50% - 1480px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 880px;
        height: 880px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_2.png);
        top: -511px;
        left: calc(50% - 480px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 200px;
        height: 200px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_3.png);
        top: 50px;
        right: calc(50% - 786px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 866px;
        height: 866px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_5.png);
        top: 195px;
        left: calc(50% - 1427px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 1225px;
        height: 1225px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_7.png);
        top: -8px;
        right: calc(50% - 871px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-3 .uno-hero-3d-bg-wrap-item:nth-child(6) {
        width: 707px;
        height: 707px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_4.png);
        top: 25px;
        right: calc(50% - 1578px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-4 .uno-hero-3d-bg-wrap-item:first-child {
        width: 880px;
        height: 880px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_2.png);
        top: -514px;
        left: calc(50% - 942px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-4 .uno-hero-3d-bg-wrap-item:nth-child(2) {
        width: 200px;
        height: 200px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_3.png);
        top: -3px;
        right: calc(50% - 702px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-4 .uno-hero-3d-bg-wrap-item:nth-child(3) {
        width: 707px;
        height: 707px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_4.png);
        top: 97px;
        left: calc(50% - 1510px);
        right: auto
    }

    .uno-hero-3d-bg-type-polyhedron-4 .uno-hero-3d-bg-wrap-item:nth-child(4) {
        width: 1082px;
        height: 1082px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_1.png);
        top: 97px;
        right: calc(50% - 626px);
        left: auto
    }

    .uno-hero-3d-bg-type-polyhedron-4 .uno-hero-3d-bg-wrap-item:nth-child(5) {
        width: 707px;
        height: 707px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero_3d_polyhedron_4.png);
        top: 114px;
        right: calc(50% - 1431px);
        left: auto
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item {
        position: absolute;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        -webkit-animation: ShapeBreathe 3.65s cubic-bezier(.55,0,1,1) infinite alternate;
        animation: ShapeBreathe 3.65s cubic-bezier(.55,0,1,1) infinite alternate
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(0) {
        -webkit-animation-delay: .84726s;
        animation-delay: .84726s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:first-child {
        -webkit-animation-delay: 3.60622s;
        animation-delay: 3.60622s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(2) {
        -webkit-animation-delay: .57058s;
        animation-delay: .57058s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(3) {
        -webkit-animation-delay: .00096s;
        animation-delay: .00096s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(4) {
        -webkit-animation-delay: .82197s;
        animation-delay: .82197s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(5) {
        -webkit-animation-delay: 4.84202s;
        animation-delay: 4.84202s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(6) {
        -webkit-animation-delay: 2.59634s;
        animation-delay: 2.59634s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(7) {
        -webkit-animation-delay: 3.71883s;
        animation-delay: 3.71883s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(8) {
        -webkit-animation-delay: 1.56079s;
        animation-delay: 1.56079s
    }

    .uno-hero-3d .uno-hero-3d-bg-wrap-item:nth-child(9) {
        -webkit-animation-delay: 4.76425s;
        animation-delay: 4.76425s
    }
}

@media (max-width: 768px) {
    .uno-hero-3d-bg-wrap {
        display:none
    }
}

.tp1-overlay {
    position: fixed;
    z-index: 1001
}

.tp1-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: none
}

.tp1-dropdown__header {
    box-sizing: border-box;
    width: 400px;
    height: 36px;
    padding: 0 36px 0 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: none;
    cursor: pointer
}

.tp1-dropdown__header:focus,.tp1-dropdown__header:hover {
    border-color: #b3b3b3
}

.tp1-dropdown__header .tp1-dropdown__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px
}

.tp1-dropdown__value {
    overflow: hidden;
    color: #333;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: left
}

.tp1-dropdown__icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 0;
    vertical-align: middle;
    background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: inherit
}

.tp1-dropdown-box {
    position: relative;
    min-width: 400px;
    background-color: #fff;
    border: 1px solid #e5e8ed;
    -webkit-border-image: initial;
    -o-border-image: initial;
    border-image: initial;
    box-shadow: 0 2px 4px 0 rgba(3,27,78,.12)
}

.tp1-dropdown-box__inner {
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto
}

.tp1-dropdown-box--searchable .tp1-dropdown-box__inner {
    max-height: none
}

.tp1-dropdown-box--searchable .tp1-search {
    width: 100%
}

.tp1-dropdown-box--searchable .tp1-input--wrap {
    border-color: transparent transparent #e5e5e5
}

.tp1-dropdown-box--searchable .tp1-list {
    max-height: 240px;
    margin-top: 1px;
    overflow-x: hidden;
    overflow-y: auto
}

.tp1-dropdown.is-expanded .tp1-dropdown__header {
    border-color: #b3b3b3
}

.tp1-dropdown.is-expanded .tp1-dropdown__header.tp1-dropdown--text {
    border-color: transparent
}

.tp1-dropdown.is-expanded .tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__value {
    color: #00a4ff
}

.tp1-dropdown.is-expanded .tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__icon {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-down-hover.svg)
}

.tp1-dropdown.is-disabled .tp1-dropdown__header {
    cursor: default
}

.tp1-dropdown.is-disabled .tp1-dropdown__header .tp1-dropdown__value {
    color: #999
}

.tp1-dropdown.is-disabled .tp1-dropdown__header:focus,.tp1-dropdown.is-disabled .tp1-dropdown__header:hover {
    border-color: #e5e8ed
}

.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text {
    border-color: transparent;
    cursor: default
}

.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__value {
    color: #999
}

.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__icon {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-down-disabled.svg)
}

.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text:focus .tp1-dropdown__value,.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text:hover .tp1-dropdown__value {
    color: #999
}

.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text:focus .tp1-dropdown__icon,.tp1-dropdown.is-disabled .tp1-dropdown__header.tp1-dropdown--text:hover .tp1-dropdown__icon {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-down-disabled.svg)
}

.tp1-dropdown.size-l .tp1-dropdown__header {
    height: 40px;
    line-height: 38px
}

.tp1-dropdown.size-l .tp1-dropdown__value {
    line-height: 38px
}

.tp1-dropdown.size-s .tp1-dropdown__header {
    height: 32px;
    line-height: 30px
}

.tp1-dropdown.size-s .tp1-dropdown__value {
    line-height: 30px
}

.tp1-dropdown.size-full-width,.tp1-dropdown.size-full-width .tp1-dropdown__header {
    width: 100%
}

@media screen and (max-width: 600px) {
    .tp1-dropdown-box {
        min-width:300px
    }

    .tp1-dropdown.m-size-xxl .tp1-dropdown__header {
        height: 48px;
        line-height: 46px
    }

    .tp1-dropdown.m-size-xxl .tp1-dropdown__value {
        line-height: 46px
    }
}

.tp1-dropdown__header.tp1-dropdown--text {
    width: auto;
    height: 20px;
    padding: 0 14px 0 0;
    border: 0
}

.tp1-dropdown__header.tp1-dropdown--text:focus,.tp1-dropdown__header.tp1-dropdown--text:hover {
    border-color: transparent
}

.tp1-dropdown__header.tp1-dropdown--text:focus .tp1-dropdown__value,.tp1-dropdown__header.tp1-dropdown--text:hover .tp1-dropdown__value {
    color: #00a4ff
}

.tp1-dropdown__header.tp1-dropdown--text:focus .tp1-dropdown__icon,.tp1-dropdown__header.tp1-dropdown--text:hover .tp1-dropdown__icon {
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-down-hover.svg)
}

.tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__value {
    font-size: 12px;
    line-height: 20px
}

.tp1-dropdown__header.tp1-dropdown--text .tp1-dropdown__icon {
    right: 4px;
    width: 6px;
    height: 4px;
    margin-top: -2px;
    background-image: url(/web/jinglisafe/assets/images/cps/link-arrow-down.svg)
}

.tp1-dropdown-box.tp1-dropdown-box--text {
    min-width: 110px
}

.tp1-dropdown-box--text .tp1-dropdown-box__inner:after,.tp1-dropdown-box--text .tp1-dropdown-box__inner:before {
    position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px dashed transparent;
    content: ""
}

.tp1-dropdown-box--text .tp1-list li {
    padding: 0 8px
}

.tp1-dropdown-box--text .tp1-list li:focus,.tp1-dropdown-box--text .tp1-list li:hover {
    background-color: transparent
}

.tp1-dropdown-box--text.tp1-dropdown-box--bottom .tp1-dropdown-box__inner:before {
    top: 100%;
    right: inherit;
    left: inherit;
    margin-top: -1px;
    margin-left: -6px;
    border-top-color: #ddd;
    border-top-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--bottom .tp1-dropdown-box__inner:after {
    top: 100%;
    right: inherit;
    left: inherit;
    margin-top: -1px;
    margin-left: -5px;
    border-top-color: #fff;
    border-top-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--right .tp1-dropdown-box__inner:before {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-top: -8px;
    margin-left: -1px;
    border-left-color: #ddd;
    border-left-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--right .tp1-dropdown-box__inner:after {
    top: inherit;
    bottom: inherit;
    left: 100%;
    margin-top: -7px;
    margin-left: -1px;
    border-left-color: #fff;
    border-left-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--left .tp1-dropdown-box__inner:before {
    top: inherit;
    right: 100%;
    bottom: inherit;
    margin-top: -7px;
    margin-right: -1px;
    border-right-color: #ddd;
    border-right-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--left .tp1-dropdown-box__inner:after {
    top: inherit;
    right: 100%;
    bottom: inherit;
    margin-top: -6px;
    margin-right: -1px;
    border-right-color: #fff;
    border-right-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--top .tp1-dropdown-box__inner:before {
    right: inherit;
    bottom: 100%;
    left: inherit;
    margin-bottom: -1px;
    margin-left: -6px;
    border-bottom-color: #ddd;
    border-bottom-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--top .tp1-dropdown-box__inner:after {
    right: inherit;
    bottom: 100%;
    left: inherit;
    margin-bottom: -1px;
    margin-left: -5px;
    border-bottom-color: #fff;
    border-bottom-style: solid
}

.tp1-dropdown-box--text.tp1-dropdown-box--start .tp1-dropdown-box__inner:after {
    left: 20px
}

.tp1-dropdown-box--text.tp1-dropdown-box--start .tp1-dropdown-box__inner:before {
    left: 21px
}

.tp1-dropdown-box--text.tp1-dropdown-box--end .tp1-dropdown-box__inner:after {
    right: 20px
}

.tp1-dropdown-box--text.tp1-dropdown-box--end .tp1-dropdown-box__inner:before {
    right: 21px
}

.tp1-list {
    padding: 0;
    list-style: none
}

.tp1-list li {
    box-sizing: border-box;
    margin-bottom: 8px;
    line-height: 1.5
}

.tp1-list--option {
    padding: 8px 0
}

.tp1-list--option li {
    display: block;
    height: 36px;
    margin-bottom: 0;
    padding: 0 12px;
    overflow: hidden;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer
}

.tp1-list--option li:hover {
    color: #00a4ff;
    background-color: transparent
}

.tp1-list--option li.is-disabled,.tp1-list--option li.is-disabled:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.tp1-list--option li.is-selected,.tp1-list--option li.is-selected:hover {
    color: #00a4ff;
    background-color: #f5f7fa
}

.tp1-list--option li.is-current,.tp1-list--option li.is-current:hover {
    color: #00a4ff;
    background-color: transparent
}

.tp1-list--option .tp1-list__item--wrap {
    display: -webkit-box;
    display: flex
}

.tp1-list--option .tp1-list__item-main {
    -webkit-box-flex: 1;
    flex: 1
}

.tp1-list--option .tp1-list__item-suffix {
    padding-left: 8px
}

.tp1-list--option .tp1-list__item--divider {
    height: auto;
    margin: 8px 12px;
    padding: 0;
    border-top: 1px solid #e5e5e5
}

.tp1-list--option .tp1-list__group {
    height: auto;
    padding: 0;
    cursor: default
}

.tp1-list--option .tp1-list__group-label {
    height: 36px;
    margin-bottom: 0;
    padding: 0 12px;
    color: #999;
    font-size: 12px;
    line-height: 36px
}

.tp1-list-empty {
    padding: 28px;
    text-align: center
}

.tp1-list-empty__icon {
    display: block;
    width: 90px;
    height: 81px;
    margin: 0 auto 18px;
    background-image: url(/web/jinglisafe/assets/images/cps/empty.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.tp1-list-empty__content {
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.tp1-list__group-label {
    margin-bottom: 8px;
    color: #999;
    font-weight: 400;
    font-size: inherit
}

.tp1-list__group>ul {
    padding: 0;
    list-style: none
}

select.tp1-select {
    display: inline-block;
    box-sizing: border-box;
    width: 400px;
    height: 36px;
    padding: 0 36px 0 12px;
    color: #333;
    font-size: 14px;
    line-height: 34px;
    text-align: left;
    vertical-align: middle;
    background: url(/web/jinglisafe/assets/images/cps/icon-arrow-bottom.svg) no-repeat right 12px center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

select.tp1-select:hover {
    border-color: #b3b3b3
}

select.tp1-select:focus {
    outline: none
}

select.tp1-select.size-l {
    height: 40px;
    line-height: 38px
}

select.tp1-select.size-s {
    height: 32px;
    line-height: 30px
}

select.tp1-select.size-full-width {
    width: 100%
}

@media screen and (max-width: 600px) {
    select.tp1-select.m-size-xxl {
        height:48px;
        line-height: 46px
    }
}

.tp1-pagination {
    margin: 0 auto;
    padding: 34px 0;
    color: #333;
    font-size: 14px;
    text-align: center
}

.tp1-pagination__btn,.tp1-pagination__dot,.tp1-pagination__item {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 6px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ddd;
    cursor: pointer
}

.tp1-pagination__item:hover {
    color: #00a4ff;
    background-color: rgba(0,164,255,.1);
    border-color: #00a4ff
}

.tp1-pagination__item.is-active {
    color: #fff;
    background-color: #00a4ff;
    border-color: #00a4ff
}

.tp1-pagination__dot,.tp1-pagination__item.is-active:hover {
    border-color: transparent;
    cursor: default
}

.tp1-pagination__btn {
    position: relative
}

.tp1-pagination__btn.is-disabled {
    display: none
}

.tp1-pagination__btn:hover {
    background-color: rgba(0,164,255,.1);
    border-color: #00a4ff
}

.tp1-pagination__btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 7px;
    height: 12px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    content: ""
}

.tp1-pagination__btn--pre {
    margin-left: 0
}

.tp1-pagination__btn--pre:after {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-left.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.tp1-pagination__btn--pre:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-left-hover.svg);
    background-repeat: no-repeat;
    background-position: 50%
}

.tp1-pagination__btn--next:after {
    background: url(/web/jinglisafe/assets/images/cps/icon-arrow-right.svg) 50% no-repeat
}

.tp1-pagination__btn--next:hover:after {
    background: url(/web/jinglisafe/assets/images/cps/icon-arrow-right-hover.svg) 50% no-repeat
}

.tp1-pagination__btn span {
    display: none
}

.tp1-pagination__jumper {
    margin-left: 20px;
    line-height: 36px
}

.tp1-pagination__jumper,.tp1-pagination__jumper-input,.tp1-pagination__jumper-text {
    display: inline-block;
    vertical-align: middle
}

.tp1-pagination__jumper-input {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    margin-left: 12px;
    padding: 0 4px;
    text-align: center;
    border: 1px solid #f0f0f0
}

.tp1-pagination__jumper-input:focus {
    border: 1px solid #00a4ff
}

.tp1-pagination__jumper-btn {
    display: inline-block;
    min-width: 36px;
    height: 36px;
    margin-left: 28px;
    padding-right: 4px;
    padding-left: 4px;
    color: #fff;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    background-color: #00a4ff;
    border: 1px solid #00a4ff;
    cursor: pointer
}

.tp1-pagination__jumper-btn.is-disabled {
    color: #999;
    background-color: #ddd;
    border-color: #ddd
}

.tp1-pagination__selector-wrap {
    display: inline-block;
    margin-left: 20px;
    line-height: 36px
}

.tp1-pagination__selector-text {
    display: inline-block;
    padding-left: 5px;
    font-size: 14px;
    vertical-align: middle
}

.tp1-pagination__selector .tp-dropdown__header {
    width: auto
}

.tp1-pagination__selector-box.tp-dropdown-box {
    min-width: 64px
}

.tp1-pagination__total {
    display: inline-block;
    margin-left: 20px;
    line-height: 36px;
    vertical-align: middle
}

@media screen and (max-width: 768px) {
    .tp1-pagination {
        display:-webkit-box;
        display: flex;
        align-content: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        padding: 12px 28px
    }

    .tp1-pagination--jumper-mobile {
        padding: 12px
    }

    .tp1-pagination--total-mobile {
        flex-wrap: wrap
    }

    .tp1-pagination__total {
        display: block;
        width: 100%;
        margin-left: 0;
        line-height: 18px;
        text-align: left
    }

    .tp1-pagination__dot,.tp1-pagination__item,.tp1-pagination__jumper,.tp1-pagination__selector-wrap {
        display: none;
        width: auto;
        margin: 0
    }

    .tp1-pagination__item {
        -webkit-box-flex: 1;
        flex: 1;
        margin: 6px 0
    }

    .tp1-pagination__item.is-active {
        position: relative;
        display: inline-block;
        width: auto;
        height: 24px;
        color: #333;
        line-height: 24px;
        background-color: transparent;
        border: none
    }

    .tp1-pagination__item.is-active:before {
        margin-right: 5px;
        content: "\7B2C"
    }

    .tp1-pagination__item.is-active:after {
        margin-left: 5px;
        content: "\9875"
    }

    .tp1-pagination__btn {
        width: auto;
        height: 24px;
        margin: 6px 0;
        color: #00a4ff;
        line-height: 24px;
        border: none
    }

    .tp1-pagination__btn:hover {
        color: #00a4ff;
        background-color: transparent;
        border-color: transparent
    }

    .tp1-pagination__btn.is-disabled {
        display: inline-block;
        color: #999;
        cursor: default
    }

    .tp1-pagination__btn--pre {
        padding-left: 16px
    }

    .tp1-pagination__btn--pre:after {
        left: -4px;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-left-mobile.svg);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tp1-pagination__btn--pre.is-disabled:after,.tp1-pagination__btn--pre.is-disabled:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-left-mobile-disabled.svg)
    }

    .tp1-pagination__btn--pre:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-left-mobile.svg)
    }

    .tp1-pagination__btn--next {
        padding-right: 16px
    }

    .tp1-pagination__btn--next:after {
        right: -4px;
        left: auto;
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-right-mobile.svg);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .tp1-pagination__btn--next.is-disabled:after,.tp1-pagination__btn--next.is-disabled:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-right-mobile-disabled.svg)
    }

    .tp1-pagination__btn--next:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/icon-arrow-right-mobile.svg)
    }

    .tp1-pagination__btn span {
        display: inline
    }
}

.tp1-pagination {
    font-size: 12px;
    padding: 24px 0
}

.tp1-pagination__btn,.tp1-pagination__item {
    width: 30px;
    height: 30px;
    margin: 0 4px;
    line-height: 28px;
    background: #fff;
    border: 1px solid #dadde2;
    box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 2px
}

.tp1-pagination__btn:hover,.tp1-pagination__item:hover {
    color: #333;
    border-color: #0052d9;
    background-color: #fff
}

.tp1-pagination__btn:active,.tp1-pagination__item:active {
    border-color: #0052d9;
    background-color: #ecf2fe
}

.tp1-pagination__item.is-active {
    color: #0052d9;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none
}

.tp1-pagination__dot {
    width: auto;
    height: 30px;
    margin: 0 4px;
    line-height: 28px;
    color: #666
}

.tp1-pagination__btn--pre {
    margin-right: 8px
}

.tp1-pagination__btn--pre:after {
    width: 24px;
    height: 24px
}

.tp1-pagination__btn--pre:after,.tp1-pagination__btn--pre:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/pagination-arrow-left.svg)
}

.tp1-pagination__btn--next {
    margin-right: 0;
    margin-left: 8px
}

.tp1-pagination__btn--next:after {
    width: 24px;
    height: 24px
}

.tp1-pagination__btn--next:after,.tp1-pagination__btn--next:hover:after {
    background-image: url(/web/jinglisafe/assets/images/cps/pagination-arrow-right.svg)
}

.tp1-pagination__jumper {
    margin-left: 12px;
    line-height: 30px
}

.tp1-pagination__jumper-input {
    width: 30px;
    height: 30px;
    margin-right: 8px;
    margin-left: 8px;
    border: 1px solid #dadde2;
    box-shadow: inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 2px
}

.tp1-pagination__jumper-input:focus {
    border: 1px solid #0052d9
}

.tp1-pagination__jumper-btn {
    height: 30px;
    margin-left: 12px;
    line-height: 28px;
    background-color: #0052d9;
    border: 1px solid #0052d9;
    border-radius: 2px
}

.tp1-pagination__jumper-btn.is-disabled {
    color: #98a3b7;
    background-color: #ecf2fe;
    border-color: #d6dbe3;
    cursor: default;
    pointer-events: none
}

.tp1-pagination__selector {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 60px
}

.tp1-pagination__selector-wrap {
    margin-left: 12px;
    line-height: 30px
}

.tp1-pagination__selector-text {
    padding-left: 8px;
    font-size: 12px
}

.tp1-pagination__selector .tp1-dropdown__header {
    width: auto;
    box-sizing: border-box;
    height: 30px;
    padding: 0 36px 0 8px;
    background-color: #fff;
    outline: none;
    cursor: pointer;
    border: 1px solid #dadde2;
    box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 2px
}

.tp1-pagination__selector .tp1-dropdown__value {
    overflow: hidden;
    color: #333;
    font-size: 12px;
    line-height: 28px;
    white-space: nowrap;
    text-align: left
}

.tp1-pagination__selector .tp1-dropdown__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0;
    vertical-align: middle;
    background-image: url(/web/jinglisafe/assets/images/cps/pagination-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-position: inherit;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -12px
}

.tp1-pagination__selector-box {
    min-width: 64px;
    background: #fff;
    border: 1px solid #dadde2;
    box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    border-radius: 2px
}

.tp1-pagination__selector-box ul {
    max-height: 180px;
    overflow-y: auto
}

.tp1-pagination__selector-box ul::-webkit-scrollbar-thumb {
    background-color: #cbcbcb;
    border-radius: 3px
}

.tp1-pagination__selector-box ul::-webkit-scrollbar {
    width: 3px;
    background-color: transparent
}

.tp1-pagination__selector-box ul::-webkit-scrollbar-track {
    background-color: transparent
}

.tp1-pagination__selector-box ul li {
    height: 36px;
    font-size: 12px;
    color: #333;
    line-height: 18px;
    padding: 9px 12px;
    box-sizing: border-box;
    cursor: pointer
}

.tp1-pagination__selector-box ul li.is-current {
    color: #0052d9
}

.tp1-pagination__selector-box ul li:active {
    background: #f2f6fe
}

.tp1-pagination__selector-box ul li:hover {
    color: #0052d9
}

.tp1-pagination__total {
    margin-left: 12px;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .tp1-pagination__item.is-active {
        height:30px;
        line-height: 30px
    }

    .tp1-pagination__btn {
        width: auto;
        line-height: 22px;
        margin: 0;
        color: #333
    }

    .tp1-pagination__btn:hover {
        border-color: #dadde2
    }

    .tp1-pagination__btn:active {
        border-color: #0052d9
    }

    .tp1-pagination__btn.is-disabled {
        pointer-events: none;
        box-shadow: none
    }

    .tp1-pagination__btn.is-disabled:after {
        opacity: .5
    }

    .tp1-pagination__btn--pre {
        margin-right: 12px;
        padding: 3px 12px 3px 24px
    }

    .tp1-pagination__btn--pre:after {
        width: 24px;
        height: 24px;
        margin-right: 0;
        left: 0
    }

    .tp1-pagination__btn--pre.is-disabled:after,.tp1-pagination__btn--pre.is-disabled:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/pagination-arrow-left.svg)
    }

    .tp1-pagination__btn--next {
        margin-left: 12px;
        padding: 3px 24px 3px 12px
    }

    .tp1-pagination__btn--next:after {
        width: 24px;
        height: 24px;
        right: 0
    }

    .tp1-pagination__btn--next.is-disabled:after,.tp1-pagination__btn--next.is-disabled:hover:after {
        background-image: url(/web/jinglisafe/assets/images/cps/pagination-arrow-right.svg)
    }

    .tp1-pagination__total {
        margin-top: 12px
    }

    .tp1-pagination__selector {
        min-width: 80px
    }

    .tp1-pagination__selector-text {
        padding-left: 12px
    }

    .tp1-pagination__selector-box ul {
        min-width: 80px
    }

    .tp1-pagination__total {
        margin-left: 0;
        line-height: 18px
    }
}

.tp-overlay {
    z-index: 1000
}

.tpm1-developer,.tpm1-developer__section {
    -webkit-font-smoothing: antialiased
}

.tpm1-developer__item {
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    position: relative
}

.tpm1-developer__item-hd {
    padding: 20px;
    background-position: 100% 0;
    background-image: -webkit-linear-gradient(left,hsla(0,0%,100%,.5) 30%,hsla(0,0%,100%,0)),url(/web/jinglisafe/assets/images/cps/tpm1-developer-bg-developer-3.png);
    background-image: linear-gradient(90deg,hsla(0,0%,100%,.5) 30%,hsla(0,0%,100%,0)),url(/web/jinglisafe/assets/images/cps/tpm1-developer-bg-developer-3.png);
    background-repeat: no-repeat;
    position: relative
}

.tpm1-developer__item-title {
    font-size: 16px;
    color: #000;
    line-height: 24px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-developer__item-desc {
    margin-top: 8px;
    font-size: 14px;
    color: #495770;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden
}

.tpm1-developer__item-bd {
    padding: 20px
}

.tpm1-developer__item-bd,.tpm1-developer__item-ft {
    border-top: 1px solid #e5e8ed
}

.tpm1-developer__item-ft .tpm1-link {
    display: block;
    padding: 12px 20px
}

.tpm1-developer__item-list-item+.tpm1-developer__item-list-item {
    margin-top: 8px
}

.tpm1-developer__item-list-link {
    font-size: 14px;
    color: #495770;
    line-height: 22px
}

.tpm1-developer__item-list-link:hover {
    color: #0052d9;
    font-weight: 500
}

.tpm1-developer__item-desc .uno-action,.tpm1-developer__item-desc .uno-bubble-trigger,.tpm1-developer__item-desc .uno-link,.tpm1-developer__item-desc a,.tpm1-developer__item-title .uno-action,.tpm1-developer__item-title .uno-bubble-trigger,.tpm1-developer__item-title .uno-link,.tpm1-developer__item-title a {
    margin: 0 4px
}

.tpm1-developer__item-desc {
    -webkit-line-clamp: 3
}

.tpm1-developer__item-list-item {
    color: #495770
}

@media (min-width: 769px) {
    .tpm1-developer__item-list-item {
        max-height:22px;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .uno-mobile-consult {
        position:fixed;
        z-index: 910;
        width: 100%;
        padding: 18px 16px 22px;
        min-height: 60px;
        background: #fff;
        box-shadow: 0 -4px 10px 0 rgba(0,0,0,.24);
        bottom: 0;
        left: 0;
        right: 0
    }

    .uno-mobile-consult-logo {
        width: 36px;
        height: 36px;
        display: inline-block;
        margin-right: 4px;
        vertical-align: middle
    }

    .uno-mobile-consult-txt {
        display: inline-block;
        width: calc(100% - 160px);
        font-size: 18px;
        color: #333;
        text-align: left;
        line-height: 26px;
        font-weight: 500;
        vertical-align: middle
    }

    .uno-mobile-consult .uno-button {
        width: 120px;
        height: 40px;
        vertical-align: middle
    }

    .uno-dialog.uno-mobile-consult-dialog {
        padding-bottom: 40px
    }

    .uno-dialog.uno-mobile-consult-dialog .uno-dialog-title {
        text-align: center
    }

    .uno-dialog.uno-mobile-consult-dialog .uno-mobile-consult-txt {
        width: auto
    }

    .uno-dialog.uno-mobile-consult-dialog .uno-mobile-consult-qrcode {
        width: 150px;
        height: 150px;
        margin: 0 auto 16px;
        display: block
    }

    .uno-dialog.uno-mobile-consult-dialog .uno-mobile-consult-desc {
        font-size: 14px;
        color: #4c5b76;
        text-align: center;
        line-height: 22px;
        font-weight: 400
    }
}

@media (max-width: 768px) {
    .uno-m-consult {
        position:fixed;
        z-index: 910;
        width: 100%;
        padding: 18px 10px 22px;
        min-height: 76px;
        background: #0052d9;
        box-shadow: -8px -8px 20px 0 rgba(55,99,170,.1);
        bottom: 0;
        left: 0;
        right: 0
    }

    .uno-m-consult:after {
        content: "";
        display: inline-block;
        width: 169px;
        height: 100%;
        background-image: url(/web/jinglisafe/assets/images/cps/consult_bg_img.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top;
        position: absolute;
        bottom: 0;
        right: 36px
    }

    .uno-m-consult-logo {
        width: 50px;
        margin-right: 8px
    }

    .uno-m-consult-logo,.uno-m-consult-txt {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        z-index: 2
    }

    .uno-m-consult-txt {
        width: calc(100% - 166px);
        margin-right: 6px
    }

    .uno-m-consult-txt-tit {
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all
    }

    .uno-m-consult-txt-desc,.uno-m-consult-txt-tit {
        text-align: left;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-m-consult-txt-desc {
        font-size: 12px;
        color: hsla(0,0%,100%,.8);
        line-height: 20px;
        font-weight: 400;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical
    }

    .uno-m-consult .uno-button {
        min-width: auto;
        width: 90px;
        height: 30px;
        vertical-align: middle;
        position: relative;
        z-index: 2
    }

    .uno-dialog.uno-m-consult-dialog {
        padding-bottom: 20px;
        background: #0052d9;
        box-shadow: -8px -8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-dialog.uno-m-consult-dialog .uno-dialog-title {
        text-align: center
    }

    .uno-dialog.uno-m-consult-dialog:after {
        content: "";
        display: inline-block;
        width: calc(100% - 20px);
        height: 163px;
        background-image: url(/web/jinglisafe/assets/images/cps/consult_bg_img.png);
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-position: top;
        position: absolute;
        left: 10px;
        bottom: 0
    }

    .uno-dialog.uno-m-consult-dialog .uno-dialog-header {
        padding: 24px 0 4px
    }

    .uno-dialog.uno-m-consult-dialog .uno-dialog-body {
        position: relative;
        z-index: 2
    }

    .uno-dialog.uno-m-consult-dialog .uno-m-consult-dialog-tit {
        width: auto;
        font-size: 20px;
        color: #fff;
        letter-spacing: 0;
        line-height: 24px;
        font-weight: 500
    }

    .uno-dialog.uno-m-consult-dialog .uno-m-consult-dialog-desc {
        font-size: 14px;
        color: hsla(0,0%,100%,.8);
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
        padding: 0 20px
    }

    .uno-dialog.uno-m-consult-dialog .uno-icon-close {
        width: 48px;
        height: 48px;
        top: 4px;
        right: 4px;
        background-image: url(/web/jinglisafe/assets/images/cps/consult_dialog_icon_close.svg)
    }

    .uno-dialog.uno-m-consult-dialog .uno-m-consult-dialog-qrcode-wrap {
        width: 120px;
        height: 120px;
        background: #fff;
        border-radius: 6px;
        margin: 24px auto 16px;
        padding: 8px;
        box-sizing: border-box
    }

    .uno-dialog.uno-m-consult-dialog .uno-m-consult-dialog-qrcode {
        width: 100%;
        height: 100%
    }

    .uno-dialog.uno-m-consult-dialog .uno-m-consult-dialog-tips {
        font-size: 14px;
        color: hsla(0,0%,100%,.8);
        letter-spacing: 0;
        line-height: 22px;
        text-align: center;
        padding: 0 20px
    }
}

@media screen and (min-width: 769px) {
    .tpm1-sale-card {
        -webkit-font-smoothing:antialiased
    }

    .tpm1-sale-card__row {
        margin: 0 -10px -20px
    }

    .tpm1-sale-card__row>.tp1-grid__col {
        padding: 0 10px 20px
    }

    .tpm1-sale-card__item {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        position: relative;
        border: 2px solid #fff;
        border-radius: 8px;
        background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
        height: 100%;
        -webkit-font-smoothing: antialiased;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .tpm1-sale-card__item:hover {
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff
    }

    .tpm1-sale-card__item:hover .tpm1-sale-card__item-hd:before {
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-sale-card-bg.png),-webkit-linear-gradient(top,rgba(218,232,252,.8),rgba(222,233,253,.8));
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-sale-card-bg.png),linear-gradient(180deg,rgba(218,232,252,.8),rgba(222,233,253,.8))
    }

    .tpm1-sale-card__item-mobile {
        display: none
    }

    .tpm1-sale-card__item-tag-wrap {
        width: 74px;
        height: 74px;
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: 2;
        overflow: hidden;
        -webkit-font-smoothing: auto
    }

    .tpm1-sale-card__item-tag {
        width: 104px;
        height: 20px;
        color: #fff;
        right: -22px;
        top: 20px;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }

    .tpm1-sale-card__item-tag,.tpm1-sale-card__item-tag:after,.tpm1-sale-card__item-tag:before {
        background-color: #ff6000;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .tpm1-sale-card__item-tag:after,.tpm1-sale-card__item-tag:before {
        content: "";
        display: inline-block
    }

    .tpm1-sale-card__item-tag:before {
        left: 0;
        top: 17px;
        width: 5px;
        height: 6px
    }

    .tpm1-sale-card__item-tag:after {
        width: 6px;
        height: 5px;
        bottom: -2px;
        right: 0
    }

    .tpm1-sale-card__item-hd {
        position: relative;
        padding: 16px;
        overflow: hidden
    }

    .tpm1-sale-card__item-hd:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-sale-card-bg.png),-webkit-linear-gradient(left,#eaeff8,#f0f3f8);
        background-image: url(/web/jinglisafe/assets/images/cps/tpm1-sale-card-bg.png),linear-gradient(90deg,#eaeff8 0,#f0f3f8);
        background-size: 120px auto,auto;
        background-position: 100% 100%,0 0;
        background-repeat: no-repeat,no-repeat
    }

    .tpm1-sale-card__item-hd-inner {
        position: relative
    }

    .tpm1-sale-card__item-title {
        font-weight: 500;
        font-size: 20px;
        color: #000;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tpm1-sale-card__item-subtitle {
        margin-top: 4px;
        font-size: 14px
    }

    .tpm1-sale-card__item-areas,.tpm1-sale-card__item-subtitle {
        color: #495770;
        line-height: 24px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tpm1-sale-card__item-areas {
        margin-top: 6px;
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        box-sizing: border-box;
        height: 24px;
        background: #d4e4ff;
        border-radius: 12px;
        padding: 0 10px;
        font-size: 12px
    }

    .tpm1-sale-card__item-infos {
        margin-top: 16px;
        display: table;
        width: 100%
    }

    .tpm1-sale-card__item-infos>li {
        display: table-row
    }

    .tpm1-sale-card__item-infos>li:last-child .tpm1-sale-card__item-info-cnt,.tpm1-sale-card__item-infos>li:last-child .tpm1-sale-card__item-info-title {
        padding-bottom: 0
    }

    .tpm1-sale-card__item-info-title {
        width: 60px;
        color: #495770;
        font-weight: 400;
        white-space: nowrap
    }

    .tpm1-sale-card__item-info-cnt,.tpm1-sale-card__item-info-title {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 12px;
        font-size: 14px;
        line-height: 18px
    }

    .tpm1-sale-card__item-info-cnt {
        padding-left: 8px;
        color: #000
    }

    .tpm1-sale-card__item-features {
        margin: 16px
    }

    .tpm1-sale-card__item-features .tpm1-list__item+.tpm1-list__item {
        margin-top: 4px
    }

    .tpm1-sale-card__item-features .tpm1-list__item {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tpm1-sale-card__item-ft {
        padding: 0 16px 16px
    }

    .tpm1-sale-card__item-ft .tpm1-sale-card__item-features {
        margin: 16px 0
    }

    .tpm1-sale-card__item-price {
        margin-top: 4px;
        font-weight: 500;
        font-size: 14px;
        color: #ff4a14;
        line-height: 22px
    }

    .tpm1-sale-card__item-price em {
        margin-right: 4px;
        font-size: 28px;
        color: #ff4a14;
        line-height: 36px;
        font-weight: 500
    }

    .tpm1-sale-card__item-discount {
        height: 18px;
        background: #fff;
        border: 1px solid #ff4a14;
        border-radius: 2px;
        font-size: 12px;
        line-height: 16px;
        display: -webkit-inline-box;
        display: inline-flex;
        padding-right: 7px;
        color: #ff4a14
    }

    .tpm1-sale-card__item-discount-num {
        background-color: #ff4a14;
        color: #fff;
        padding: 0 7px;
        margin-right: 7px
    }

    .tpm1-sale-card__item-compare {
        font-size: 12px;
        color: #495770;
        line-height: 18px;
        height: 18px
    }

    .tpm1-sale-card__item-origin {
        margin-left: 8px;
        color: #9ea6b3;
        text-decoration: line-through
    }

    .tpm1-sale-card__item-origin:first-child {
        margin-left: 0
    }

    .tpm1-sale-card__item-btns {
        margin-top: 12px;
        display: -webkit-box;
        display: flex
    }

    .tpm1-sale-card__item-btns .tpm1-btn {
        -webkit-box-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 768px) {
    .tpm1-sale-card {
        -webkit-font-smoothing:antialiased
    }

    .tpm1-sale-card__row {
        margin: 0 -16px -32px
    }

    .tpm1-sale-card__row>.tp1-grid__col {
        padding: 0
    }

    .tpm1-sale-card .tpm1-collapse__panel-bd .tpm1-sale-card__row {
        margin-top: -24px
    }

    .tpm1-sale-card__item {
        position: relative;
        padding: 16px;
        background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background-image: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff
    }

    .tpm1-sale-card__item-pc {
        display: none
    }

    .tpm1-sale-card__item-hd {
        margin-bottom: 8px
    }

    .tpm1-sale-card__item-title {
        display: inline;
        font-weight: 400;
        font-size: 16px;
        color: #000;
        line-height: 24px
    }

    .tpm1-sale-card__item-tag {
        margin-left: 12px;
        box-sizing: border-box;
        height: 18px;
        border: 1px solid #ff7800;
        border-radius: 2px;
        padding: 0 6px;
        font-size: 12px;
        line-height: 16px;
        white-space: nowrap;
        color: #ff7800;
        position: relative;
        top: -2px
    }

    .tpm1-sale-card__item-desc {
        margin-bottom: 12px;
        font-size: 14px;
        color: #000;
        line-height: 22px
    }

    .tpm1-sale-card__item-infos {
        margin-top: 16px;
        margin-bottom: 8px;
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap
    }

    .tpm1-sale-card__item-infos>li {
        width: 50%;
        display: -webkit-box;
        display: flex;
        margin-bottom: 8px
    }

    .tpm1-sale-card__item-info-title {
        width: 100px;
        font-size: 14px;
        color: #3d485d;
        line-height: 22px;
        font-weight: 400;
        white-space: nowrap
    }

    .tpm1-sale-card__item-info-cnt {
        padding-left: 20px;
        font-size: 14px;
        color: #000;
        line-height: 22px
    }

    .tpm1-sale-card__item-features {
        margin-bottom: -4px
    }

    .tpm1-sale-card__item-features .tpm1-list__item+.tpm1-list__item {
        margin-top: 0
    }

    .tpm1-sale-card__item-features .tpm1-list__item {
        display: inline-block;
        margin-right: 32px;
        margin-bottom: 4px
    }

    .tpm1-sale-card__item-prices {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-top: 20px;
        padding-right: 130px
    }

    .tpm1-sale-card__item-discount {
        display: none
    }

    .tpm1-sale-card__item-price {
        font-weight: 500;
        font-size: 14px;
        color: #ff4a14;
        line-height: 22px;
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .tpm1-sale-card__item-price em {
        margin-right: 4px;
        font-size: 28px;
        color: #ff4a14;
        line-height: 36px;
        font-weight: 500
    }

    .tpm1-sale-card__item-compare {
        font-size: 12px;
        color: #495770;
        line-height: 18px;
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .tpm1-sale-card__item-origin {
        margin-left: 8px;
        color: #9ea6b3;
        text-decoration: line-through
    }

    .tpm1-sale-card__item-origin:first-child {
        margin-left: 0
    }

    .tpm1-sale-card__item-btns {
        position: absolute;
        right: 16px;
        bottom: 16px
    }

    .tpm1-sale-card__item-btns .tpm1-btn {
        width: 120px
    }
}

@media screen and (max-width: 600px) {
    .tpm1-collapse__panel-bd>.tpm1-sale-card__row {
        margin-top:-24px
    }

    .tpm1-sale-card__row {
        margin: 0 -16px -32px
    }

    .tpm1-sale-card__item-infos {
        display: table;
        width: 100%
    }

    .tpm1-sale-card__item-infos>li {
        display: table-row;
        width: 100%
    }

    .tpm1-sale-card__item-info-title {
        width: 1px
    }

    .tpm1-sale-card__item-info-cnt,.tpm1-sale-card__item-info-title {
        display: table-cell;
        vertical-align: top;
        padding-bottom: 8px
    }

    .tpm1-sale-card__item-features {
        margin-bottom: 0
    }

    .tpm1-sale-card__item-features .tpm1-list__item+.tpm1-list__item {
        margin-top: 4px
    }

    .tpm1-sale-card__item-features .tpm1-list__item {
        display: block;
        margin-right: 0
    }
}

.tpm1-sale-card__item-btns .uno-button {
    width: 100%
}

.tpm1-3-action-panel {
    -webkit-font-smoothing: antialiased;
    padding-top: 58px
}

.tpm1-3-action-panel__wrap {
    padding: 0 10px;
    background-image: -webkit-linear-gradient(left,#1e232c 50%,#0052d9 0);
    background-image: linear-gradient(90deg,#1e232c 50%,#0052d9 0);
    position: relative;
    z-index: 0
}

.tpm1-3-action-panel__inner {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-bg-part1.png),url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-bg-part2.png),-webkit-linear-gradient(left,#1e232c 45%,#0052d9 0);
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-bg-part1.png),url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-bg-part2.png),linear-gradient(90deg,#1e232c 45%,#0052d9 0);
    background-repeat: no-repeat;
    background-position: calc(45% + 483px) top,calc(45% + 110px) bottom,0 0;
    background-size: 220px auto,188px auto,auto;
    color: #fff;
    margin: 0 auto;
    max-width: 1180px;
    min-height: 160px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 20px 0
}

.tpm1-3-action-panel__inner:before {
    content: "";
    display: block;
    height: 600px;
    width: 300px;
    background-color: #1e232c;
    position: absolute;
    left: 45%;
    bottom: 0;
    margin-left: -300px;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

.tpm1-3-action-panel__hd {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.tpm1-3-action-panel__hd:before {
    flex-shrink: 0;
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    margin-right: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-icon-tit.svg)
}

.tpm1-3-action-panel__extra-title,.tpm1-3-action-panel__title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-3-action-panel__desc,.tpm1-3-action-panel__extra-desc {
    font-size: 14px;
    line-height: 24px;
    margin-top: 8px
}

.tpm1-3-action-panel__desc-inner,.tpm1-3-action-panel__extra-desc-inner {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.tpm1-3-action-panel__btns,.tpm1-3-action-panel__extra-btns {
    margin-top: 12px
}

.tpm1-3-action-panel__btn,.tpm1-3-action-panel__extra-btn {
    -webkit-font-smoothing: auto;
    min-width: 132px;
    box-shadow: none
}

.tpm1-3-action-panel__btn+.tpm1-3-action-panel__btn,.tpm1-3-action-panel__btn+.tpm1-3-action-panel__extra-btn,.tpm1-3-action-panel__extra-btn+.tpm1-3-action-panel__btn,.tpm1-3-action-panel__extra-btn+.tpm1-3-action-panel__extra-btn {
    margin-left: 16px
}

.tpm1-3-action-panel__extra-btn.tpm1-btn--white {
    color: #0052d9
}

.tpm1-3-action-panel__img {
    width: 200px;
    top: -61px;
    position: absolute;
    left: calc(50% + 140px);
    z-index: 1;
    height: 200px;
    background: url(/web/jinglisafe/assets/images/cps/tpm1-action-panel3-img-calendar.png);
    background-size: contain;
    background-repeat: no-repeat
}

.tpm1-3-action-panel__main {
    position: relative;
    z-index: 2;
    width: 40%;
    margin-right: 225px
}

.tpm1-3-action-panel__extra {
    position: relative;
    z-index: 2;
    width: 1px;
    -webkit-box-flex: 1;
    flex: 1
}

.tpm1-3-action-panel.has-extra .tpm1-3-action-panel__img {
    left: calc(50% - 118px)
}

.tpm1-3-action-panel__qrcodes {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.tpm1-3-action-panel .tpm1-qrcode {
    margin-right: 40px;
    width: 100px
}

.tpm1-3-action-panel .tpm1-qrcode__text {
    color: #fff
}

.tpm1-3-action-panel--code .tpm1-3-action-panel__main {
    margin-right: 290px
}

.tpm1-3-action-panel--code-text .tpm1-qrcode {
    margin-right: 20px
}

.tpm1-3-action-panel--code-text .tpm1-3-action-panel__extra-desc {
    display: block
}

.tpm1-3-action-panel--custom .tpm1-3-action-panel__hd:before {
    display: none;
    background: none
}

.tpm1-3-action-panel--custom .tpm1-3-action-panel__icon {
    flex-shrink: 0;
    display: block;
    content: "";
    height: 32px;
    width: 32px;
    margin-right: 12px;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width: 768px) {
    .tpm1-3-action-panel {
        padding-top:0
    }

    .tpm1-3-action-panel__wrap {
        background: none;
        height: auto;
        padding: 0;
        background-image: -webkit-radial-gradient(25% 245%,#242933 100%,#242933 0);
        background-image: radial-gradient(25% 245%,#242933 0,#242933 0);
        overflow: hidden
    }

    .tpm1-3-action-panel__wrap:after {
        display: none
    }

    .tpm1-3-action-panel__inner {
        padding: 0;
        background: none;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .tpm1-3-action-panel__inner:before {
        display: none
    }

    .tpm1-3-action-panel__main {
        width: 100%;
        padding: 32px 20px;
        margin-right: 0
    }

    .tpm1-3-action-panel__extra {
        width: 100%;
        padding: 20px 20px 32px;
        background-color: #0052d9
    }

    .tpm1-3-action-panel__hd {
        -webkit-box-pack: center;
        justify-content: center
    }

    .tpm1-3-action-panel__img {
        width: 170px;
        opacity: .2;
        top: 15px;
        left: auto;
        right: -65px;
        z-index: -1
    }

    .tpm1-3-action-panel__desc,.tpm1-3-action-panel__extra-desc {
        display: block
    }

    .tpm1-3-action-panel__desc-inner,.tpm1-3-action-panel__extra-desc-inner {
        display: inline-block;
        vertical-align: top;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-width: 100%;
        text-align: left
    }

    .tpm1-3-action-panel.has-extra .tpm1-3-action-panel__img {
        left: auto;
        right: -65px
    }

    .tpm1-3-action-panel__qrcodes {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        width: 100%;
        padding: 36px 20px 32px;
        background-color: #0052d9
    }

    .tpm1-3-action-panel .tpm1-qrcode {
        margin: 0 20px;
        width: 100px
    }

    .tpm1-3-action-panel .tpm1-qrcode__img {
        width: 100px;
        height: 100px
    }

    .tpm1-3-action-panel--code .tpm1-3-action-panel__main {
        margin-right: 0
    }

    .tpm1-3-action-panel--code-text .tpm1-3-action-panel__qrcodes {
        -webkit-box-ordinal-group: 4;
        order: 3;
        padding-top: 0
    }
}

.uno-m-get-voucher {
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 4px 4px 10px 0 rgba(55,99,170,.1);
    box-sizing: border-box;
    padding: 0 60px 6px 18px;
    position: relative
}

.uno-m-get-voucher-tag-wrap {
    font-size: 0
}

.uno-m-get-voucher-tag-item {
    border: 1px solid #ff3b3b;
    border-radius: 2px;
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    color: #ff3b3b;
    letter-spacing: 0;
    line-height: 18px;
    margin-right: 8px;
    margin-top: 6px;
    box-sizing: border-box
}

.uno-m-get-voucher-handle {
    height: calc(100% + 4px);
    padding-left: 10px;
    padding-right: 6px;
    position: absolute;
    right: -2px;
    top: -2px;
    background: #f64041;
    border-left: 1px dashed #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    letter-spacing: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.uno-m-get-voucher-handle:hover {
    cursor: pointer
}

.uno-m-get-voucher-handle-icon {
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/m-get-voucher-icon-arrow.svg);
    background-size: contain;
    background-position: 50%
}

.uno-m-get-voucher-handle:active {
    background: #b42c3f
}

.uno-m-get-voucher-handle-disabled {
    background: #f9d1d1
}

.uno-m-get-voucher-handle-disabled:hover {
    cursor: not-allowed
}

.uno-m-get-voucher-handle-disabled:active {
    background: #f9d1d1
}

@media (min-width: 769px) {
    .uno-m-bottom-bar1 {
        position:relative
    }
}

@media (max-width: 768px) {
    .uno-m-bottom-bar1 {
        position:fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 910
    }
}

.uno-m-bottom-bar1 {
    background: #fff;
    box-shadow: inset 0 1px 0 0 #e7ebf2;
    padding: 12px 16px 23px;
    font-size: 0;
    box-sizing: border-box
}

.uno-m-bottom-bar1-btns .uno-m-bottom-bar1-wrap {
    display: -webkit-box;
    display: flex
}

.uno-m-bottom-bar1-btns-light {
    padding: 14px 10px;
    background: #fff;
    border: 1px solid #e4e5e9;
    border-radius: 2px;
    display: inline-block;
    margin-right: 12px;
    box-sizing: border-box;
    font-size: 16px;
    color: #000;
    letter-spacing: 0;
    line-height: 20px;
    height: 50px;
    text-align: center
}

.uno-m-bottom-bar1-btns-light-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/m-consult-icon-gray.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 6px
}

.uno-m-bottom-bar1-btns .uno-button-iconA {
    height: 50px;
    -webkit-box-flex: 1;
    flex: 1
}

.uno-m-bottom-bar1-textbtn .uno-m-bottom-bar1-text {
    font-size: 12px;
    color: #4a5b76;
    letter-spacing: 0;
    line-height: 16px;
    width: calc(100% - 177px);
    box-sizing: content-box;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 12px;
    display: inline-block
}

.uno-m-bottom-bar1-textbtn .uno-m-bottom-bar1-btns-dark {
    vertical-align: middle;
    padding: 15px 10px;
    width: 165px;
    background: #0052d9;
    border-radius: 2px;
    display: inline-block;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center
}

.uno-m-bottom-bar1-textbtn .uno-m-bottom-bar1-btns-dark-icon {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/m-consult-icon-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 6px
}

.uno-hero-normal {
    font-size: 0;
    position: relative;
    z-index: 1
}

.uno-hero-normal-con {
    display: inline-block
}

.uno-hero-normal-title {
    color: #181818;
    overflow: hidden;
    font-weight: 500;
    word-break: break-all
}

.uno-hero-normal-sub-tit {
    overflow: hidden;
    color: #4b5b76;
    word-break: break-all
}

.uno-hero-normal-tag-btn-wrap {
    position: absolute;
    top: 148px;
    left: 0
}

.uno-hero-normal-tag {
    display: inline-block;
    font-size: 12px;
    height: 22px;
    padding: 0 8px;
    line-height: 20px;
    border-radius: 11px
}

.uno-hero-normal-tag-product {
    background: hsla(0,0%,100%,.6);
    color: #0052d9;
    border: 1px solid #0052d9
}

.uno-hero-normal-tag-company {
    background: hsla(0,0%,100%,.6);
    color: #088f50;
    border: 1px solid #088f50
}

.uno-hero-normal-tag-discounts {
    background: hsla(0,0%,100%,.6);
    color: #9c2cff;
    border: 1px solid #9c2cff
}

.uno-hero-normal-tag-promotion {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

@media screen and (min-width: 769px) {
    .uno-hero-normal {
        min-width:1200px;
        height: 500px;
        background-repeat: no-repeat;
        background-position: top;
        background-size: auto 100%
    }

    .uno-hero-normal-with-btn {
        position: relative
    }

    .uno-hero-normal-with-btn .uno-hero-normal-inner {
        padding-top: 158px
    }

    .uno-hero-normal-with-btn .uno-hero-normal-tag-btn-wrap {
        position: absolute;
        top: 120px;
        left: 0
    }

    .uno-hero-normal-with-btn .uno-hero-normal-tag-btn-wrap .uno-hero-normal-tag+.uno-hero-normal-video-play {
        margin-left: 8px
    }

    .uno-hero-normal-with-btn .uno-hero-normal-button-wrap {
        position: absolute;
        bottom: 100px
    }

    .uno-hero-normal-with-btn .uno-button {
        width: 136px;
        height: 44px;
        font-size: 16px;
        line-height: 24px
    }

    .uno-hero-normal-with-btn .uno-button:nth-child(n+2) {
        margin-left: 20px
    }

    .uno-hero-normal-inner {
        width: 1180px;
        height: 100%;
        margin: 0 auto;
        padding-top: 186px;
        position: relative;
        z-index: 30
    }

    .uno-hero-normal-title {
        font-size: 42px;
        line-height: 54px;
        max-height: 108px;
        max-width: 580px
    }

    .uno-hero-normal-sub-tit {
        font-size: 16px;
        line-height: 24px;
        max-height: 48px;
        margin-top: 16px;
        max-width: 580px
    }

    .uno-hero-normal-video-play {
        display: inline-block;
        height: 24px;
        border-radius: 12px;
        background: #0354d9;
        color: #fff;
        font-size: 12px;
        text-align: left;
        line-height: 24px;
        padding-left: 28px;
        padding-right: 8px;
        position: relative
    }

    .uno-hero-normal-video-play:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        background-image: url(/web/jinglisafe/assets/images/cps/hero-icon-play-video.svg);
        background-repeat: no-repeat;
        background-size: contain;
        left: 2px;
        top: 2px
    }

    .uno-hero-normal .uno-hero-normal-tag+.uno-hero-normal-video-play {
        margin-left: 8px
    }
}

@media screen and (max-width: 768px) {
    .uno-hero-normal {
        background-size:auto 100%;
        background-position: top;
        background-repeat: no-repeat;
        height: 400px
    }

    .uno-hero-normal-inner {
        width: 100%;
        padding: 260px 20px 0;
        display: inline-block;
        box-sizing: border-box;
        text-align: center
    }

    .uno-hero-normal-text {
        position: relative;
        z-index: 10
    }

    .uno-hero-normal-title {
        max-width: 320px;
        font-size: 24px;
        line-height: 32px;
        max-height: 64px
    }

    .uno-hero-normal-sub-tit {
        max-width: 320px;
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
        max-height: 44px
    }

    .uno-hero-normal-with-btn .uno-hero-normal-text {
        max-height: 98px;
        min-height: 88px;
        overflow: hidden
    }
}

@media screen and (max-width: 768px) {
    .uno-hero-normal-with-btn {
        position:relative
    }

    .uno-hero-normal-with-btn .uno-hero-normal-inner {
        padding-top: 228px
    }

    .uno-hero-normal-with-btn .uno-hero-normal-button-wrap {
        position: absolute;
        bottom: 48px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%
    }

    .uno-hero-normal-with-btn .uno-button {
        width: 100px;
        height: 36px
    }

    .uno-hero-normal-with-btn .uno-button:nth-child(n+2) {
        margin-left: 20px
    }
}

@media (min-width: 769px) {
    .uno-dialog.uno-dialog-hero-video {
        border:none;
        max-width: none;
        min-width: auto
    }

    .uno-dialog.uno-dialog-hero-video .uno-dialog-header {
        height: 0
    }

    .uno-dialog.uno-dialog-hero-video .uno-dialog-header .uno-icon-close {
        right: -40px;
        top: -2px;
        width: 32px;
        height: 32px;
        background-image: url(/web/jinglisafe/assets/images/cps/hero-video-dialog-close.svg);
        background-size: cover
    }

    .uno-dialog.uno-dialog-hero-video .uno-dialog-body {
        max-height: none;
        padding: 0;
        max-width: 98%;
        max-height: 100%;
        width: 700px;
        height: 500px
    }

    .uno-dialog.uno-dialog-hero-video iframe,.uno-dialog.uno-dialog-hero-video video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        border: none;
        border-radius: 8px
    }
}

@media (max-width: 768px) {
    .uno-dialog.uno-dialog-hero-video {
        border:none;
        max-width: none;
        background: #000;
        min-width: auto;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-dialog.uno-dialog-hero-video .uno-dialog-header {
        display: none
    }

    .uno-dialog.uno-dialog-hero-video .uno-dialog-body {
        max-height: none;
        padding: 10px;
        max-width: 100%;
        max-height: 100%
    }

    .uno-dialog.uno-dialog-hero-video iframe,.uno-dialog.uno-dialog-hero-video video {
        width: 100%;
        margin: auto;
        border: none;
        display: block
    }

    .uno-hero-normal-video-m {
        width: 100%;
        padding: 24px 16px;
        background: #fff
    }

    .uno-hero-normal-video-m-inner {
        background-size: 100% 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        width: 100%;
        padding-top: 37.5%;
        position: relative;
        border-radius: 4px
    }

    .uno-hero-normal-video-m-card {
        border-radius: 4px;
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        top: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        background: rgba(26,31,42,.55)
    }

    .uno-hero-normal-video-m-icon {
        width: 40px;
        height: 40px;
        display: inline-block;
        background-image: url(/web/jinglisafe/assets/images/cps/hero-icon-play-video-m.svg);
        background-repeat: no-repeat;
        background-size: cover
    }

    .uno-hero-normal-video-m-text {
        margin-top: 16px;
        color: #fff;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        text-align: center;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.tpm1-advantage3,.tpm1-advantage3__section {
    -webkit-font-smoothing: antialiased
}

.tpm1-advantage3__item-img-wrap {
    height: 120px;
    margin-bottom: 20px;
    text-align: center
}

.tpm1-advantage3__item-img {
    height: 100%
}

.tpm1-advantage3__item-title {
    text-align: center;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-advantage3__item-desc {
    font-size: 14px;
    color: #3d485d;
    line-height: 22px
}

.tpm1-advantage3__item-link {
    margin-top: 12px
}

@media screen and (max-width: 768px) {
    .tpm1-advantage3__item-title {
        font-size:16px;
        line-height: 24px
    }
}

.tpm1-advantage3__item-desc {
    word-wrap: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.tpm1-anchor-mobile {
    -webkit-font-smoothing: antialiased;
    height: 48px
}

.tpm1-anchor-mobile__inner {
    position: relative
}

.tpm1-anchor-mobile.is-def-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    height: 0
}

.tpm1-anchor-mobile.is-def-hidden.is-fixed {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    pointer-events: auto
}

.tpm1-anchor-mobile.is-fixed .tpm1-anchor-mobile__inner {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%
}

.tpm1-anchor-mobile.is-open .tpm1-anchor-mobile__inner {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    max-height: 100vh;
    overflow: auto
}

.tpm1-anchor-mobile.is-open .tpm1-anchor-mobile__hd {
    background: #fff;
    box-shadow: none
}

.tpm1-anchor-mobile.is-open .tpm1-anchor-mobile__icon-arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.tpm1-anchor-mobile.is-open .tpm1-anchor-mobile__bd {
    display: block
}

.tpm1-anchor-mobile.is-open .tpm1-anchor-mobile__bar {
    display: none
}

.tpm1-anchor-mobile__hd {
    height: 48px;
    background-image: -webkit-linear-gradient(top,#fff,#fafcff);
    background-image: linear-gradient(180deg,#fff,#fafcff);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    z-index: 50;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.tpm1-anchor-mobile__icon-arrow,.tpm1-anchor-mobile__icon-home {
    height: 100%;
    width: 48px;
    display: inline-block;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.tpm1-anchor-mobile__icon-home {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-anchor-mobile-icon-home.svg)
}

.tpm1-anchor-mobile__icon-arrow {
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-anchor-mobile-icon-arrow.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tpm1-anchor-mobile__bar {
    -webkit-box-flex: 1;
    flex: 1;
    width: 1px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%
}

.tpm1-anchor-mobile__bar::-webkit-scrollbar {
    height: 0
}

.tpm1-anchor-mobile__bar-item {
    display: inline-block;
    height: 100%;
    padding: 14px 16px;
    font-size: 14px;
    color: #13161b;
    line-height: 22px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    max-width: 144px
}

.tpm1-anchor-mobile__bar-item:first-child {
    padding-left: 0
}

.tpm1-anchor-mobile__bar-item:last-child {
    padding-right: 0
}

.tpm1-anchor-mobile__bar-item+.tpm1-anchor-mobile__bar-item:before {
    content: "";
    display: inline-block;
    width: 1px;
    position: absolute;
    top: 15px;
    bottom: 15px;
    background-color: #d6dbe3;
    left: 0
}

.tpm1-anchor-mobile__bar-item.is-active {
    color: #0052d9
}

.tpm1-anchor-mobile__bd {
    display: none;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 4px 16px 30px;
    background-image: -webkit-linear-gradient(top,#fff,#fafcff);
    background-image: linear-gradient(180deg,#fff,#fafcff)
}

.tpm1-anchor-mobile__anchor-list {
    margin: 0 -8px -12px;
    font-size: 0
}

.tpm1-anchor-mobile__anchor {
    display: inline-block;
    font-size: 14px;
    color: #13161b;
    line-height: 22px;
    padding: 4px 8px;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 12px
}

.tpm1-anchor-mobile__anchor.is-active {
    color: #0052d9
}

.tpm1-anchor-mobile__anchor:active,.tpm1-anchor-mobile__anchor:focus {
    background: rgba(0,82,217,.1)
}

.tpm1-anchor-mobile__links-wrap {
    margin-top: 16px;
    border-top: 1px solid #d6dbe3;
    padding-top: 16px;
    font-size: 0
}

.tpm1-anchor-mobile__links-tit {
    opacity: .5;
    font-weight: 500;
    font-size: 14px;
    color: #13161b;
    line-height: 22px;
    margin-bottom: 8px
}

.tpm1-anchor-mobile__links {
    margin: 0 -8px
}

.tpm1-anchor-mobile__picture {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    margin-top: 12px
}

.tpm1-anchor-mobile__link {
    display: block;
    padding: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    border-radius: 2px;
    margin-bottom: 4px
}

.tpm1-anchor-mobile__link:last-child {
    margin-bottom: 0
}

.tpm1-anchor-mobile__link:active,.tpm1-anchor-mobile__link:focus {
    background: rgba(0,82,217,.1)
}

.tpm1-anchor-mobile__link-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 12px
}

.tpm1-anchor-mobile__link-tit {
    font-size: 14px;
    color: #0052d9;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 112px
}

.tpm1-anchor-bar.is-simple .tpm1-anchor-bar__inner {
    max-width: 900px
}

.tpm1-anchor-bar.is-def-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.tpm1-anchor-bar.is-def-hidden.is-fixed {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    pointer-events: auto
}

.tpm1-anchor-bar.is-fixed .tpm1-anchor-bar__main {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%
}

.tpm1-anchor-bar__main {
    position: relative;
    background-image: -webkit-linear-gradient(top,#fff,#fafcff);
    background-image: linear-gradient(180deg,#fff,#fafcff);
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    min-width: 1200px
}

.tpm1-anchor-bar__inner {
    width: 1180px;
    overflow: hidden;
    margin: 0 auto
}

.tpm1-anchor-bar__inner,.tpm1-anchor-bar__list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.tpm1-anchor-bar__list {
    justify-content: space-around;
    max-width: 100%;
    -webkit-box-flex: 1;
    flex: 1;
    width: 1px
}

.tpm1-anchor-bar__item {
    position: relative
}

.tpm1-anchor-bar__item:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    background-color: transparent
}

.tpm1-anchor-bar__item-link {
    max-width: 168px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 60px;
    padding: 15px 0
}

.tpm1-anchor-bar__item.is-active .tpm1-anchor-bar__item-sub,.tpm1-anchor-bar__item.is-active .tpm1-anchor-bar__item-tit,.tpm1-anchor-bar__item:hover .tpm1-anchor-bar__item-sub,.tpm1-anchor-bar__item:hover .tpm1-anchor-bar__item-tit {
    color: #0052d9;
    opacity: 1
}

.tpm1-anchor-bar__item:hover {
    cursor: pointer
}

.tpm1-anchor-bar__item.is-active:after {
    background-color: #0052d9
}

.tpm1-anchor-bar__item-icon {
    width: 32px;
    margin-right: 12px
}

.tpm1-anchor-bar__item-icon+.tpm1-anchor-bar__item-text {
    max-width: 100px
}

.tpm1-anchor-bar__item-text {
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 100%
}

.tpm1-anchor-bar__item-tit {
    font-size: 16px;
    color: #13161b;
    line-height: 24px;
    white-space: nowrap
}

.tpm1-anchor-bar__item-sub {
    font-size: 14px;
    color: #13161b;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    opacity: .5;
    white-space: nowrap;
    margin-top: 4px
}

.tpm1-anchor-bar__btn-wrap {
    margin-left: 28px;
    white-space: nowrap
}

.tpm1-anchor-bar__btn {
    padding: 0 10px;
    width: 120px;
    white-space: normal
}

.tpm1-anchor-bar__btn+.tpm1-anchor-bar__btn {
    margin-left: 10px
}

@media (min-width: 769px) {
    .tpm1-anchor-bar {
        position:relative;
        z-index: 1
    }

    .tpm1-anchor-bar.is-fixed {
        z-index: auto
    }
}

.tpm1-anchor-widget {
    position: absolute;
    left: 0;
    z-index: 999;
    max-width: 168px
}

.tpm1-anchor-widget.is-def-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.tpm1-anchor-widget.is-def-hidden.is-fixed {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    pointer-events: auto
}

.tpm1-anchor-widget.is-fixed {
    position: fixed;
    top: 40px
}

.tpm1-anchor-widget.is-center {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-anchor-widget__inner {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative;
    z-index: 1;
    text-align: right;
    padding: 12px 4px;
    width: 168px;
    -webkit-font-smoothing: antialiased;
    background: #fff
}

.tpm1-anchor-widget__hd {
    font-weight: 500;
    font-size: 18px;
    color: #13161b;
    line-height: 26px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.tpm1-anchor-widget__hd img {
    max-width: 100%
}

.tpm1-anchor-widget__bd {
    border-right: 2px solid #d6dbe3;
    box-sizing: border-box
}

.tpm1-anchor-widget__list a {
    cursor: pointer
}

.tpm1-anchor-widget__list li:first-child a {
    padding-top: 0
}

.tpm1-anchor-widget__list li:first-child:after {
    top: 7px
}

.tpm1-anchor-widget__list li:last-child a {
    padding-bottom: 0
}

.tpm1-anchor-widget__item.is-active .tpm1-anchor-widget__item-sub,.tpm1-anchor-widget__item.is-active .tpm1-anchor-widget__item-tit,.tpm1-anchor-widget__item:hover .tpm1-anchor-widget__item-sub,.tpm1-anchor-widget__item:hover .tpm1-anchor-widget__item-tit {
    color: #0052d9;
    opacity: 1
}

.tpm1-anchor-widget__item.is-active {
    position: relative
}

.tpm1-anchor-widget__item.is-active:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -5px;
    top: 15px;
    width: 8px;
    height: 8px;
    background: #fff;
    border: 2px solid #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 50%
}

.tpm1-anchor-widget__item-link {
    display: block;
    padding: 8px 16px 8px 12px
}

.tpm1-anchor-widget__item-tit {
    font-size: 14px;
    line-height: 22px
}

.tpm1-anchor-widget__item-sub,.tpm1-anchor-widget__item-tit {
    color: #13161b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tpm1-anchor-widget__item-sub {
    opacity: .5;
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px
}

.tpm1-anchor-widget__list--secondary {
    padding: 8px 0
}

.tpm1-anchor-widget__item--secondary.is-active .tpm1-anchor-widget__item-link--secondary,.tpm1-anchor-widget__item--secondary:hover .tpm1-anchor-widget__item-link--secondary {
    color: #0052d9;
    opacity: 1
}

.tpm1-anchor-widget__item-link--secondary {
    opacity: .8;
    font-size: 12px;
    color: #13161b;
    line-height: 20px;
    padding: 6px 16px 6px 0;
    display: block
}

.tpm1-anchor-widget__links {
    border-color: currentcolor;
    border-style: solid;
    border-width: 1px 0;
    padding: 16px 8px 16px 0;
    margin: 16px 8px 0 0;
    -webkit-border-image: -webkit-linear-gradient(207deg,#d6dbe3 5%,#fff) 1;
    -o-border-image: linear-gradient(243deg,#d6dbe3 5%,#fff) 1;
    border-image: linear-gradient(243deg,#d6dbe3 5%,#fff) 1
}

.tpm1-anchor-widget__link {
    display: block;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 0
}

.tpm1-anchor-widget__link-tit {
    font-size: 14px;
    color: #0052d9;
    line-height: 22px;
    vertical-align: middle;
    display: inline-block
}

.tpm1-anchor-widget__link-icon {
    vertical-align: middle;
    height: 16px;
    margin-left: 8px
}

.tpm1-anchor-widget__btn-wrap {
    margin-top: 12px;
    margin-right: 8px
}

.tpm1-anchor-widget__btn.size-s {
    padding: 0;
    min-width: 96px;
    color: #13161b;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
}

.tpm1-anchor-widget__btn.size-s:focus,.tpm1-anchor-widget__btn.size-s:hover {
    background-color: #ecf3ff;
    border-color: #fff
}

.tpm1-anchor-widget--mini {
    display: none;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 44px;
    font-size: 0;
    background: #0052d9;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1),-8px -8px 20px 0 #fff;
    border-radius: 22px;
    padding: 12px;
    text-align: center;
    cursor: pointer
}

.tpm1-anchor-widget--mini__text {
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.tpm1-anchor-widget--mini:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-anchor-widget-icon-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 8px
}

.tpm1-anchor-widget--simple {
    position: absolute;
    left: 0;
    z-index: 999;
    padding: 12px
}

.tpm1-anchor-widget--simple.is-def-hidden {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.tpm1-anchor-widget--simple.is-def-hidden.is-fixed {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out,opacity .3s ease-in-out;
    pointer-events: auto
}

.tpm1-anchor-widget--simple.is-fixed {
    position: fixed;
    top: 40px
}

.tpm1-anchor-widget--simple.is-center {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
}

.tpm1-anchor-widget--simple__inner {
    width: 80px;
    background: #0052d9;
    box-shadow: -8px -8px 20px 0 #fff,8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}

.tpm1-anchor-widget--simple__hd {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 56px;
    padding: 8px 8px 0;
    margin-bottom: 8px
}

.tpm1-anchor-widget--simple__bd {
    background: #fff;
    border-radius: 2px;
    width: 74px;
    margin: 0 auto
}

.tpm1-anchor-widget--simple__item,.tpm1-anchor-widget--simple__link-wrap {
    border-bottom: 1px solid #d6dbe3;
    padding: 8px
}

.tpm1-anchor-widget--simple__item:last-child,.tpm1-anchor-widget--simple__link-wrap:last-child {
    border-bottom-width: 0
}

.tpm1-anchor-widget--simple__item-link,.tpm1-anchor-widget--simple__link {
    display: block;
    font-size: 14px;
    color: #13161b;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 44px;
    cursor: pointer
}

.tpm1-anchor-widget--simple__item-link:hover,.tpm1-anchor-widget--simple__link,.tpm1-anchor-widget--simple__link:hover {
    color: #0052d9
}

.tpm1-anchor-widget--simple__item.is-active {
    position: relative
}

.tpm1-anchor-widget--simple__item.is-active .tpm1-anchor-widget--simple__item-link {
    color: #0052d9
}

.tpm1-anchor-widget--simple__item.is-active:after,.tpm1-anchor-widget--simple__item.is-active:before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border: solid transparent;
    border-left: solid #0052d9;
    border-width: 7.5px 4px;
    margin-top: -7.5px;
    top: 50%
}

.tpm1-anchor-widget--simple__item.is-active:before {
    left: 0
}

.tpm1-anchor-widget--simple__item.is-active:after {
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tpm1-anchor-widget--simple__list+.tpm1-anchor-widget--simple__links {
    border-top: 1px solid #d6dbe3
}

.tpm1-anchor-widget--simple__btn {
    height: 32px;
    display: block;
    background-image: url(/web/jinglisafe/assets/images/cps/tpm1-anchor-widget-icon-arrow.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

@media screen and (max-width: 1600px) {
    .tpm1-anchor-widget {
        width:0
    }

    .tpm1-anchor-widget__inner {
        -webkit-transform: translateX(-170px);
        -ms-transform: translateX(-170px);
        transform: translateX(-170px);
        visibility: hidden
    }

    .tpm1-anchor-widget .tpm1-anchor-widget--mini {
        display: block;
        left: 20px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .tpm1-anchor-widget .tpm1-anchor-widget--mini:hover {
        display: none
    }

    .tpm1-anchor-widget .tpm1-anchor-widget--mini:hover+.tpm1-anchor-widget__inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .tpm1-anchor-widget:hover {
        width: auto
    }

    .tpm1-anchor-widget:hover .tpm1-anchor-widget__inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .tpm1-anchor-widget:hover .tpm1-anchor-widget--mini {
        display: none
    }
}

@media screen and (max-width: 1400px) {
    .tpm1-anchor-widget--simple {
        width:0
    }

    .tpm1-anchor-widget--simple .tpm1-anchor-widget--mini {
        display: block;
        left: 20px;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .tpm1-anchor-widget--simple__inner {
        -webkit-transform: translateX(-110px);
        -ms-transform: translateX(-110px);
        transform: translateX(-110px);
        visibility: hidden
    }

    .tpm1-anchor-widget--simple:hover {
        width: inherit
    }

    .tpm1-anchor-widget--simple:hover .tpm1-anchor-widget--mini {
        left: 110px;
        opacity: 0;
        visibility: hidden
    }

    .tpm1-anchor-widget--simple:hover .tpm1-anchor-widget--simple__inner {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }
}

.tpm1-anchor-item-tag {
    display: inline-block;
    background: #ffe7d2;
    border-radius: 2px;
    font-size: 12px;
    color: #4e1d1d;
    letter-spacing: 0;
    text-align: center;
    line-height: 22px;
    padding: 0 8px;
    margin-right: 8px
}

@media (max-width: 768px) {
    .tpm1-anchor-mobile__bar-item .tpm1-anchor-item-tag {
        display:none
    }
}

.uno-websitecard-small {
    border-radius: 4px;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff
}

.uno-websitecard-small .uno-bubble-trigger {
    display: inline-block
}

.uno-websitecard-small .uno-action+span,.uno-websitecard-small .uno-bubble-trigger+span,.uno-websitecard-small .uno-link+span,.uno-websitecard-small span+.uno-action,.uno-websitecard-small span+.uno-bubble-trigger,.uno-websitecard-small span+.uno-link {
    margin-left: 0
}

.uno-websitecard-small-inner {
    background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
    background: linear-gradient(0deg,#f3f6fc,#e9eef6)
}

.uno-websitecard-small-head {
    padding: 16px;
    position: relative;
    background-image: url(/web/jinglisafe/assets/images/cps/website_card_small_adron.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 100% 0
}

.uno-websitecard-small-head .uno-websitecard-small-tag {
    width: 74px;
    height: 66px;
    display: inline-block;
    position: absolute;
    right: -6px;
    top: -6px;
    background-size: contain;
    background-repeat: no-repeat
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-recommend {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-new {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-company {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-oldCompany {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-product {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tag.uno-websitecard-small-new-product {
    background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
}

.uno-websitecard-small-head .uno-websitecard-small-tit {
    font-size: 0
}

.uno-websitecard-small-head .uno-websitecard-small-tit-text {
    max-width: 100%;
    display: inline-block
}

.uno-websitecard-small-head .uno-websitecard-small-sub-tit {
    font-size: 0;
    margin-top: 4px
}

.uno-websitecard-small-head .uno-websitecard-small-sub-tit-text {
    max-width: 100%;
    display: inline-block
}

.uno-websitecard-small-head .uno-websitecard-small-icon-list {
    margin-top: 12px;
    font-size: 0;
    height: 24px
}

.uno-websitecard-small-head .uno-websitecard-small-icon-list .uno-websitecard-small-icon-item {
    width: 24px;
    height: 24px
}

.uno-websitecard-small-head .uno-websitecard-small-icon-list .uno-websitecard-small-icon-item:nth-child(n+2) {
    margin-left: 24px
}

.uno-websitecard-small-body {
    padding: 0 16px 16px
}

.uno-websitecard-small-foot {
    padding: 16px;
    position: relative;
    display: -webkit-box;
    display: flex
}

.uno-websitecard-small-foot-inner {
    align-self: flex-end;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.uno-websitecard-small-foot-tag-list {
    min-height: 22px;
    font-size: 0;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden
}

.uno-websitecard-small-foot-tag-item {
    font-size: 12px;
    line-height: 18px;
    line-height: 22px;
    height: 22px;
    border-radius: 2px;
    display: inline-block;
    padding: 0 6px;
    vertical-align: middle
}

.uno-websitecard-small-foot-tag-item:nth-child(n+2) {
    margin-left: 4px
}

.uno-websitecard-small-foot-tag-type1 {
    background: #ff7800;
    color: #fff;
    border: none
}

.uno-websitecard-small-foot-tag-type2 {
    line-height: 20px;
    background: transparent;
    color: #ff7800;
    border: 1px solid #ff7800
}

.uno-websitecard-small-foot-tag-type3 {
    line-height: 20px;
    background: transparent;
    color: #97a3b7;
    border: 1px solid #97a3b7
}

.uno-websitecard-small-btn-wrap {
    margin-top: 12px
}

.uno-websitecard-small-btn-wrap .uno-button {
    width: 100%;
    line-height: 36px
}

.uno-websitecard-small-btn-wrap .uno-button>span:not(.uno-button-inner-wrap),.uno-websitecard-small-btn-wrap .uno-button>span:not(.uno-button-inner-wrap)>span:not(.uno-button-inner-wrap) {
    display: inline-block;
    width: 100%;
    height: 100%
}

.uno-websitecard-small-btn-wrap-2 .uno-button {
    width: calc((100% - 12px)/2);
    min-width: auto
}

.uno-websitecard-small-btn-wrap-2 .uno-button:nth-of-type(2) {
    margin-left: 12px
}

.uno-websitecard-small-price-detail {
    font-size: 0
}

.uno-websitecard-small-price-num {
    font-size: 28px;
    line-height: 36px;
    height: 36px;
    font-weight: 500;
    color: #ff7800
}

.uno-websitecard-small-price-unit {
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    margin-left: 4px;
    font-weight: 600;
    color: #ff7800
}

.uno-websitecard-small-price-average {
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px;
    color: #4b5b76
}

.uno-websitecard-small-price-original {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7
}

.uno-websitecard-small-price-loading {
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    font-weight: 500;
    display: block;
    color: #ff7800
}

.uno-websitecard-large {
    background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px
}

.uno-websitecard-large .uno-bubble-trigger {
    display: inline-block
}

.uno-websitecard-large .uno-action+span,.uno-websitecard-large .uno-bubble-trigger+span,.uno-websitecard-large .uno-link+span,.uno-websitecard-large span+.uno-action,.uno-websitecard-large span+.uno-bubble-trigger,.uno-websitecard-large span+.uno-link {
    margin-left: 0
}

.uno-websitecard-large-inner {
    background: -webkit-linear-gradient(bottom,#f3f6fc,#e9eef6);
    background: linear-gradient(0deg,#f3f6fc,#e9eef6)
}

.uno-websitecard-large-head .uno-websitecard-large-tit {
    font-size: 0
}

.uno-websitecard-large-head .uno-websitecard-large-tit-text {
    max-width: 100%;
    display: inline-block
}

.uno-websitecard-large-head .uno-websitecard-large-sub-tit {
    font-size: 0;
    margin-top: 4px
}

.uno-websitecard-large-head .uno-websitecard-large-sub-tit-text {
    max-width: 100%;
    display: inline-block
}

.uno-websitecard-large-price-detail {
    font-size: 0
}

.uno-websitecard-large-price-num {
    font-size: 28px;
    line-height: 36px;
    height: 36px;
    font-weight: 500;
    color: #ff7800
}

.uno-websitecard-large-price-unit {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    margin-left: 4px;
    font-weight: 600;
    color: #ff7800
}

.uno-websitecard-large-price-average {
    font-size: 12px;
    line-height: 18px;
    margin-right: 8px;
    color: #4b5b76
}

.uno-websitecard-large-price-original {
    font-size: 12px;
    line-height: 18px;
    color: #97a3b7
}

.uno-websitecard-large-price-loading {
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    font-weight: 500;
    display: block;
    color: #ff7800
}

.uno-websitecard-large-btn-wrap {
    margin-top: 12px
}

.uno-websitecard-large-btn-wrap .uno-button {
    width: 100%;
    line-height: 36px
}

.uno-websitecard-large-btn-wrap .uno-button>span:not(.uno-button-inner-wrap),.uno-websitecard-large-btn-wrap .uno-button>span:not(.uno-button-inner-wrap)>span:not(.uno-button-inner-wrap) {
    display: inline-block;
    width: 100%;
    height: 100%
}

.uno-websitecard-large-btn-wrap-2 .uno-button {
    width: calc((100% - 12px)/2);
    min-width: auto
}

.uno-websitecard-large-btn-wrap-2 .uno-button:nth-of-type(2) {
    margin-left: 12px
}

.uno-websitecard-large-foot-inner {
    display: block;
    width: 100%
}

.uno-websitecard-large-foot-tag-list {
    min-height: 22px;
    font-size: 0;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden
}

.uno-websitecard-large-foot-tag-item {
    font-size: 12px;
    line-height: 18px;
    line-height: 22px;
    height: 22px;
    border-radius: 2px;
    display: inline-block;
    padding: 0 6px;
    vertical-align: middle
}

.uno-websitecard-large-foot-tag-item:nth-child(n+2) {
    margin-left: 4px
}

.uno-websitecard-large-foot-tag-type1 {
    background: #ff7800;
    color: #fff;
    border: none
}

.uno-websitecard-large-foot-tag-type2 {
    line-height: 20px;
    background: transparent;
    color: #ff7800;
    border: 1px solid #ff7800
}

.uno-websitecard-large-foot-tag-type3 {
    line-height: 20px;
    background: transparent;
    color: #97a3b7;
    border: 1px solid #97a3b7
}

@media (min-width: 769px) {
    .uno-websitecard-large {
        margin-bottom:20px;
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        position: relative
    }

    .uno-websitecard-large:hover {
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2)
    }

    .uno-websitecard-large:hover .uno-websitecard-large-inner {
        background: -webkit-linear-gradient(top,#e2ecfa,#e7eefb);
        background: linear-gradient(180deg,#e2ecfa,#e7eefb)
    }

    .uno-websitecard-large .uno-websitecard-large-tag {
        z-index: 1;
        width: 74px;
        height: 66px;
        display: inline-block;
        position: absolute;
        right: -6px;
        top: -6px;
        background-size: contain;
        background-repeat: no-repeat
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-recommend {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend.svg)
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-new {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new.svg)
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-company {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company.svg)
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-oldCompany {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old.svg)
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product.svg)
    }

    .uno-websitecard-large .uno-websitecard-large-tag.uno-websitecard-large-new-product {
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product.svg)
    }

    .uno-websitecard-large-inner {
        width: calc(100% - 300px);
        padding: 28px 24px;
        position: relative;
        overflow: hidden;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: center;
        justify-content: center
    }

    .uno-websitecard-large-inner-adron-img {
        position: absolute;
        width: 200px;
        height: 200px;
        right: -20px;
        bottom: -64px;
        opacity: .2
    }

    .uno-websitecard-large-head {
        position: relative;
        z-index: 1
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag {
        display: none
    }

    .uno-websitecard-large-head .uno-websitecard-large-tit-text {
        color: #181818;
        font-size: 20px;
        line-height: 28px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-websitecard-large-head .uno-websitecard-large-sub-tit-text {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4b5b76
    }

    .uno-websitecard-large-body {
        position: relative;
        z-index: 1
    }

    .uno-websitecard-large-body-desc-item .uno-list {
        margin-top: 4px
    }

    .uno-websitecard-large-body-desc-item .uno-list .uno-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 33.33333%;
        padding-right: 8px;
        margin-top: 8px
    }

    .uno-websitecard-large-btn-wrap {
        margin-top: 12px
    }

    .uno-websitecard-large-foot {
        width: 300px;
        padding: 24px;
        position: relative
    }

    .uno-websitecard-large-foot-inner {
        height: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .uno-websitecard-large-foot .uno-websitecard-large-price-btn {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        flex: 1
    }

    .uno-websitecard-small-head .uno-websitecard-small-tit-text {
        color: #181818;
        font-size: 20px;
        line-height: 28px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-websitecard-small-head .uno-websitecard-small-sub-tit-text {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4b5b76
    }

    .uno-websitecard-small-body-desc-item {
        margin-bottom: 16px
    }

    .uno-websitecard-small-body-desc-item:last-child {
        margin-bottom: 0
    }

    .uno-websitecard-small-body-desc-item .uno-list {
        margin-top: 12px
    }

    .uno-websitecard-small-body-desc-item-tit {
        color: #181818;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-websitecard-small:hover {
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2);
        border: 2px solid #fff
    }

    .uno-websitecard-small:hover .uno-websitecard-small-inner {
        background: -webkit-linear-gradient(top,#e2ecfa,#e7eefb);
        background: linear-gradient(180deg,#e2ecfa,#e7eefb)
    }
}

@media (max-width: 768px) {
    .uno-websitecard-large {
        margin-bottom:16px;
        width: 100%;
        position: relative;
        border: none;
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px)
    }

    .uno-websitecard-large-inner {
        width: 100%;
        padding: 20px 16px;
        position: relative;
        overflow: hidden
    }

    .uno-websitecard-large-inner-adron-img {
        position: absolute;
        width: 200px;
        height: 200px;
        right: -40px;
        bottom: -68px;
        opacity: .2
    }

    .uno-websitecard-large-head {
        position: relative;
        z-index: 1
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag {
        display: inline-block;
        position: static;
        background-size: 100% 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0;
        vertical-align: middle
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-new {
        width: 76px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-company {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-product {
        width: 84px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_product_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-oldCompany {
        width: 85px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_company_old_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-recommend {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_recommend_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tag.uno-websitecard-large-new-product {
        width: 36px;
        height: 18px;
        background-image: url(/web/jinglisafe/assets/images/cps/buy_card_new_product_mobile.svg)
    }

    .uno-websitecard-large-head .uno-websitecard-large-tit span+span {
        margin-left: 8px
    }

    .uno-websitecard-large-head .uno-websitecard-large-tit-text {
        vertical-align: middle;
        color: #181818;
        font-size: 16px;
        line-height: 24px
    }

    .uno-websitecard-large-head .uno-websitecard-large-sub-tit-text {
        font-size: 14px;
        line-height: 22px;
        color: #4b5b76
    }

    .uno-websitecard-large-body {
        position: relative;
        z-index: 1
    }

    .uno-websitecard-large-body-desc-list-2 .uno-websitecard-large-body-desc-item .uno-list .uno-item {
        width: 50%;
        display: inline-block;
        padding-right: 8px
    }

    .uno-websitecard-large-body-desc-item .uno-list {
        margin-top: 8px
    }

    .uno-websitecard-large-body-desc-item .uno-list .uno-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 100%;
        margin-top: 8px
    }

    .uno-websitecard-large-foot {
        width: 100%;
        padding: 16px;
        position: relative
    }

    .uno-websitecard-large-foot .uno-websitecard-large-foot-params {
        margin-top: 8px;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .uno-websitecard-large-foot .uno-websitecard-large-foot-params .uno-websitecard-large-price {
        -webkit-box-ordinal-group: 3;
        order: 2
    }

    .uno-websitecard-large-foot .uno-websitecard-large-foot-params .uno-websitecard-large-price-detail {
        -webkit-box-ordinal-group: 2;
        order: 1
    }

    .uno-websitecard-large-foot .uno-websitecard-large-price-btn {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 1;
        flex: 1
    }

    .uno-websitecard-large-price-num {
        font-size: 24px;
        line-height: 32px;
        height: 24px
    }

    .uno-websitecard-large-price-unit {
        font-size: 14px;
        line-height: 22px;
        height: 22px
    }

    .uno-websitecard-large-price-loading {
        height: 42px;
        line-height: 42px;
        font-size: 24px
    }

    .uno-websitecard-large-btn-wrap {
        margin-top: 4px
    }

    .uno-websitecard-large-btn-wrap .uno-button {
        width: 100%;
        line-height: 36px
    }

    .uno-websitecard-large-btn-wrap-2 .uno-button {
        width: calc((100% - 12px)/2);
        min-width: auto
    }

    .uno-websitecard-large-btn-wrap-2 .uno-button:nth-of-type(2) {
        margin-left: 12px
    }

    .uno-websitecard-large .uno-websitecard-large-price-btn-1 {
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-box-align: end;
        align-items: flex-end
    }

    .uno-websitecard-large .uno-websitecard-large-price-btn-1 .uno-websitecard-large-btn-wrap {
        width: 120px
    }

    .uno-websitecard-small-head .uno-websitecard-small-tit-text {
        color: #181818;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-websitecard-small-head .uno-websitecard-small-sub-tit-text {
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #4b5b76
    }

    .uno-websitecard-small-body-desc-item {
        margin-bottom: 16px
    }

    .uno-websitecard-small-body-desc-item:last-child {
        margin-bottom: 0
    }

    .uno-websitecard-small-body-desc-item .uno-list {
        margin-top: 12px
    }

    .uno-websitecard-small-body-desc-item .uno-item {
        font-size: 12px;
        line-height: 20px
    }

    .uno-websitecard-small-body-desc-item .uno-item:not(:first-child) {
        margin-top: 6px
    }

    .uno-websitecard-small-body-desc-item-tit {
        color: #181818;
        font-size: 14px;
        line-height: 22px;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-websitecard-wrap .uno-grid-row {
        padding-top: 4px;
        padding-bottom: 4px;
        overflow-y: inherit;
        overflow-x: overlay;
        white-space: nowrap
    }

    .uno-websitecard-wrap .uno-grid-row .uno-grid-col-item {
        display: inline-block
    }
}

@media (min-width: 769px) {
    .uno-buy-bar-wrap .editor-wrap-buy-bar-item+.editor-wrap-buy-bar-item .uno-buy-bar,.uno-buy-bar-wrap .editor-wrap-buy-bar-item+.editor-wrap-buy-bar-item .uno-seckill-bar,.uno-buy-bar-wrap .editor-wrap-seckill-bar-item+.editor-wrap-seckill-bar-item .uno-buy-bar,.uno-buy-bar-wrap .editor-wrap-seckill-bar-item+.editor-wrap-seckill-bar-item .uno-seckill-bar,.uno-seckill-bar-wrap .editor-wrap-buy-bar-item+.editor-wrap-buy-bar-item .uno-buy-bar,.uno-seckill-bar-wrap .editor-wrap-buy-bar-item+.editor-wrap-buy-bar-item .uno-seckill-bar,.uno-seckill-bar-wrap .editor-wrap-seckill-bar-item+.editor-wrap-seckill-bar-item .uno-buy-bar,.uno-seckill-bar-wrap .editor-wrap-seckill-bar-item+.editor-wrap-seckill-bar-item .uno-seckill-bar {
        border-top:none
    }
}

@media (min-width: 769px) {
    .uno-verticaltab {
        display:-webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row
    }

    .uno-verticaltab-label {
        width: 238px;
        background: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
        background: linear-gradient(0deg,#fff,#f3f5f8);
        border: 2px solid #fff;
        box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1)
    }

    .uno-verticaltab-label-item {
        padding: 16px 32px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 500;
        color: #4b5b76;
        cursor: pointer;
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .uno-verticaltab-label-item .uno-show-box {
        display: inline-block
    }

    .uno-verticaltab-label-item-active {
        width: calc(100% + 2px);
        margin-top: -2px;
        padding-top: 18px;
        background: #f3f5f8;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
        color: #0052d9;
        font-weight: 600;
        position: relative;
        border-right: none
    }

    .uno-verticaltab-label-item-active:before {
        content: "";
        display: inline-block;
        width: 2px;
        height: 100%;
        background: #0052d9;
        position: absolute;
        left: 0;
        top: 0
    }

    .uno-verticaltab .uno-verticaltab-tag-new {
        width: 38px;
        height: 16px;
        display: inline-block;
        margin-left: 8px;
        background: url(/web/jinglisafe/assets/images/cps/vertical_tab_icon_new.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle
    }

    .uno-verticaltab .uno-verticaltab-tag-hot {
        width: 38px;
        height: 16px;
        display: inline-block;
        margin-left: 8px;
        background: url(/web/jinglisafe/assets/images/cps/vertical_tab_icon_hot.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle
    }

    .uno-verticaltab-content {
        -webkit-box-flex: 1;
        flex: 1;
        background: #f3f5f8;
        box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff;
        padding: 38px 32px
    }

    .uno-verticaltab-content-tit {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #4b5b76;
        margin: -22px 0 16px
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-unfold {
        width: 144px;
        margin: 38px auto 0;
        display: block
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-unfold .uno-icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-packup {
        width: 144px;
        margin: 38px auto 0;
        display: block
    }
}

@media (max-width: 768px) {
    .uno-module .uno-verticaltab-label {
        width:calc(100% + 32px);
        margin-left: -16px
    }

    .uno-verticaltab {
        position: relative
    }

    .uno-verticaltab-label {
        width: 100%;
        height: 48px;
        position: relative;
        z-index: 12;
        background: -webkit-linear-gradient(top,#fff,#fafcff);
        background: linear-gradient(180deg,#fff,#fafcff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 3px;
        font-size: 0;
        white-space: nowrap;
        overflow-x: overlay;
        overflow-y: hidden
    }

    .uno-verticaltab-label-item {
        display: inline-block;
        color: #181818;
        opacity: .8;
        font-size: 14px;
        line-height: 22px;
        padding: 13px 16px
    }

    .uno-verticaltab-label-item-active {
        color: #0052d9;
        font-weight: 500
    }

    .uno-verticaltab-label-item:nth-child(n+2) {
        position: relative
    }

    .uno-verticaltab-label-item:nth-child(n+2):before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 18px;
        background: #d6dbe3;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .uno-verticaltab-label-handle {
        display: block;
        width: 48px;
        height: 48px;
        background: -webkit-linear-gradient(top,#fff,#fafcff);
        background: linear-gradient(180deg,#fff,#fafcff);
        box-shadow: -8px -8px 20px rgba(55,99,170,.1);
        position: absolute;
        right: -16px;
        top: 0;
        z-index: 20
    }

    .uno-verticaltab-label-handle:after {
        content: "";
        width: 16px;
        height: 16px;
        background-image: url(/web/jinglisafe/assets/images/cps/vertical_tab_handle.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        left: calc(50% - 8px);
        top: calc(50% - 8px)
    }

    .uno-verticaltab-label-handle-show:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .uno-verticaltab-label-list {
        font-size: 0;
        background: -webkit-linear-gradient(top,#fff,#fafcff);
        background: linear-gradient(180deg,#fff,#fafcff);
        box-shadow: 8px 8px 20px rgba(55,99,170,.1);
        border-radius: 3px;
        padding: 12px 16px 15px;
        position: absolute;
        top: 48px;
        width: calc(100% + 32px);
        left: -16px;
        z-index: 11;
        display: none
    }

    .uno-verticaltab-label-list-show {
        display: block
    }

    .uno-verticaltab-label-list .uno-verticaltab-label-item {
        white-space: nowrap;
        word-break: keep-all;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        color: #181818;
        opacity: .8;
        font-size: 14px;
        line-height: 22px;
        padding: 10px 16px 10px 0;
        width: 50%
    }

    .uno-verticaltab-label-list .uno-verticaltab-label-item-active {
        color: #0052d9;
        font-weight: 500
    }

    .uno-verticaltab-label-list .uno-verticaltab-label-item:nth-child(n+2) {
        position: relative
    }

    .uno-verticaltab-label-list .uno-verticaltab-label-item:nth-child(n+2):before {
        display: none
    }

    .uno-verticaltab .uno-verticaltab-tag-new {
        width: 38px;
        height: 16px;
        display: inline-block;
        margin-left: 8px;
        background: url(/web/jinglisafe/assets/images/cps/vertical_tab_icon_new.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle
    }

    .uno-verticaltab .uno-verticaltab-tag-hot {
        width: 38px;
        height: 16px;
        display: inline-block;
        margin-left: 8px;
        background: url(/web/jinglisafe/assets/images/cps/vertical_tab_icon_hot.svg);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle
    }

    .uno-verticaltab-content {
        padding: 16px 0
    }

    .uno-verticaltab-content-tit {
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        color: #4b5b76;
        margin: 0 0 16px
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-unfold {
        width: 144px;
        margin: 24px auto 0;
        display: block
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-unfold .uno-icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .uno-verticaltab-content .uno-button.uno-sell-btn-packup {
        width: 144px;
        margin: 24px auto 0;
        display: block
    }
}

.uno-free-expe-search {
    margin-bottom: 28px
}

.uno-free-expe-search-wrap {
    display: inline-block;
    margin-right: 24px
}

.uno-free-expe-search .uno-free-expe-search-input-wrap {
    width: 456px;
    display: inline-block;
    margin-right: 8px;
    position: relative
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-input-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/web/jinglisafe/assets/images/cps/input_search_icon.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-input {
    width: 100%;
    height: 40px;
    padding-left: 40px
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-input-icon-cancel {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/web/jinglisafe/assets/images/cps/input_search_icon_clear.svg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-input-icon-cancel:hover {
    cursor: pointer
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-input-icon-cancel.icon-show {
    display: inline-block
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list {
    display: none;
    background-image: -webkit-linear-gradient(bottom,#fff,#f3f5f8);
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 20;
    max-height: 200px;
    overflow-y: overlay
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
    height: 4px;
    background-clip: padding-box
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list::-webkit-scrollbar-button {
    background-color: transparent
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list::-webkit-scrollbar-thumb {
    background-color: #c7ccd5;
    border-radius: 0
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list::-webkit-scrollbar-corner {
    background-color: transparent
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-list.list-show {
    display: block
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-item {
    padding: 0 16px;
    font-size: 14px;
    line-height: 36px;
    color: #181818;
    white-space: nowrap;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-item.item-active {
    color: #0052d9
}

.uno-free-expe-search .uno-free-expe-search-input-wrap .uno-free-expe-search-item:hover {
    background: -webkit-linear-gradient(left,rgba(218,232,252,.8),rgba(222,233,253,.8));
    background: linear-gradient(90deg,rgba(218,232,252,.8),rgba(222,233,253,.8))
}

.uno-free-expe-search-btn {
    width: 64px;
    height: 40px;
    min-width: auto;
    border-radius: 2px
}

.uno-free-expe-search-tip {
    display: inline-block;
    font-size: 14px
}

.uno-free-expe-search-tip .text-error {
    color: #f64041;
    vertical-align: middle;
    line-height: 22px
}

@media (max-width: 768px) {
    .uno-free-expe-search {
        margin-bottom:24px
    }

    .uno-free-expe-search-wrap {
        display: block;
        margin-right: 0
    }

    .uno-free-expe-search .uno-free-expe-search-input-wrap {
        width: calc(100% - 86px);
        margin-right: 16px
    }

    .uno-free-expe-search .uno-free-expe-search-input-wrap .uno-input {
        width: 100%
    }

    .uno-free-expe-search-tip {
        margin-top: 12px
    }
}

/* 组件库样式文件 */
@media (min-width: 769px) {
    body {
        min-width: 1200px;
    }
}