.price { font-size: .7rem }
.price .f-num { font-size: 1.1rem; margin: -0.5rem 0 0 .1rem }
.ico-lightning {
    display: inline-block;
    vertical-align: middle;
    width: .5rem;
    height: .5rem;
    background: url("http://www.365canyin.com/mobile/zizhucanshangmen/images/lightning2.png");
    background-size: 100% 100%
}

.banner-contract {
    min-height: 10rem;
    padding: .8rem .4rem 1.15rem;
    background: url("http://www.365canyin.com/mobile/zizhucanshangmen/images/vga_h200.png") no-repeat;
    background-size: 100% 100%
}

.banner-contract .bg {
    background-color: #ffdede;
    border-radius: .4rem
}

.banner-contract .discount {
    line-height: 1.6rem;
    text-align: center;
    font-size: .55rem
}
.banner-contract .discount .icon-arrow-right { font-size: .6rem; transform: scale(.8); }

.banner-contract .discount .ico-lightning {
    margin: -0.1rem .1rem 0 0
}

.banner-contract .discount .time {
    display: inline-block;
    vertical-align: middle;
    margin: -0.1rem .4rem 0
}

.banner-contract .discount .time span {
    position: relative;
    float: left;
    width: .8rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background-color: #ec3b3b;
    border-radius: .15rem;
    margin-left: .5rem;
    font-size: .5rem;
    color: #fff
}

.banner-contract .discount .time span:first-child {
    margin-left: 0
}

.banner-contract .discount .time span:after {
    position: absolute;
    top: 0;
    right: -0.35rem;
    content: ':';
    color: #ec3b3b
}

.banner-contract .discount .time span:last-child:after {
    content: ''
}

.card-info {
    position: relative;
    padding: .8rem .8rem .8rem 6.4rem;
    min-height: 6.4rem;
    box-sizing: content-box;
    background-color: #fff;
    box-shadow: 0 .15rem .5rem rgba(0, 0, 0, 0.05);
    border-radius: .4rem
}

.card-info .img-block {
    position: absolute;
    left: .8rem;
    top: .8rem;
    width: 4.8rem;
    height: 6.4rem;
    overflow: hidden;
    border-radius: .1rem .2rem .1rem .1rem;
    box-shadow: 0 .1rem .15rem rgba(0, 0, 0, 0.1)
}

.card-info .img-block img {
    border: 1px solid #d9d9d9
}

.card-info .img-block .u-label-1 {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .5rem;
    line-height: .8rem;
    border-radius: 0 .2rem 0 .2rem
}

.card-info .img-block .ico-doc {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    background: url("http://www.365canyin.com/mobile/zizhucanshangmen/images/ico-doc2.png");
    background-size: 100% 100%
}

.card-info .img-block .num {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 .2rem;
    background-color: #fafafa;
    border: 1px solid #bbb;
    border-radius: 0 0 .1rem 0;
    line-height: .9rem;
    font-size: .5rem;
    color: #666
}

.card-info .box {
    height: 4.25rem
}

.card-info .tit {
    font-size: 1rem;
    line-height: 1.4rem
}

.card-info .info {
    overflow: hidden;
    height: .8rem;
    line-height: .8rem;
    font-size: .6rem;
    color: #999;
    margin-top: .5rem
}
.card-info .info span { position: relative; float: left; margin-right: .7rem; }
.card-info .info span:after {
    position: absolute; top: .1rem; right: -0.4rem; content: '';
    width: 1px; height: .55rem; background-color: #e8e8e8;
}
.card-info .info span:last-child { margin-right: 0; }
.card-info .info span:last-child:after { width: 0; }
.card-info .other {
    font-size: .6rem;
    color: #999;
    height: 1.6rem;
    margin-top: .5rem
}
.card-info .other .u-btn { width: 4.4rem; padding: 0; }

.card-info .other span {
    float: left;
    line-height: 1.3rem;
    margin-top: .3rem
}

.card-info .other span.price {
    margin-top: .15rem
}

.detailed-bar {
    position: relative
}

.detailed-bar:after {
    position: absolute;
    left: .8rem;
    right: .8rem;
    top: 0;
    content: '';
    height: 1px;
    background-color: #e8e8e8;
    transform: scaleY(0.5)
}

.detailed-bar .lab-preview {
    position: absolute;
    left: 1.2rem;
    top: -0.2rem;
    z-index: 10;
    width: 3.2rem;
    height: 1rem;
    background: url("http://www.365canyin.com/mobile/zizhucanshangmen/images/ico-preview.png");
    background-size: 100% 100%
}

.detailed-bar .unfd-conts {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.detailed-bar .unfd-conts .det-conts {
    padding: 2rem .8rem 0
}

.detailed-bar .unfd-conts .det-conts h1 {
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    margin-bottom: 2rem
}

.detailed-bar .unfd-conts .det-conts p {
    margin-bottom: .8rem
}

.detailed-bar .unfd-conts .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background: transparent
}

.detailed-bar .det-bottom {
    position: relative;
    padding-bottom: 2rem
}

.detailed-bar .det-bottom .bg-shut {
    bottom: auto;
    top: -4.8rem;
    height: 4.8rem
}

.detailed-bar .det-bottom .btn-block {
    position: relative;
    width: 10rem;
    margin: .4rem auto 0
}

.detailed-bar .det-bottom .btn-block .u-badge {
    position: absolute;
    top: -0.7rem;
    left: 50%;
    margin-left: -0.75rem
}

.detailed-bar .det-bottom .doc-over {
    text-align: center;
    margin-bottom: .9rem
}

.detailed-bar.is-show .det-bottom {
    padding-top: 2rem
}

.detailed-bar.is-show .det-bottom .bg-shut {
    display: none
}

.doc-list li:after {
    left: .8rem;
    right: .8rem
}

.doc-list li a {
    display: block;
    padding: .8rem .8rem .8rem 2.3rem;
    background: url("http://www.365canyin.com/mobile/zizhucanshangmen/images/ico-doc2.png") no-repeat .8rem .85rem;
    background-size: 1rem 1rem
}

.doc-list li a .u-btn {
    padding: 0 .2rem 0 .4rem;
    line-height: 1rem
}

.doc-list li a .u-btn .iconfont {
    float: right;
    font-size: .4rem;
    margin-top: .25rem
}

.doc-view-list {
    overflow: hidden;
    padding: .4rem 0 .5rem .8rem
}

.doc-view-list li {
    float: left;
    width: 50%;
}

.doc-view-list li a {
    display: block;
    padding: .5rem 0;
    margin-right: .8rem
}

.doc-view-list li a .img-block {
    height: 10.65rem; position: relative;
    box-shadow: 0 .1rem .15rem rgba(0, 0, 0, 0.05)
}

.doc-view-list li a .img-block img {
    border: 1px solid #d9d9d9
}

.doc-view-list li a .img-block .doc-tit {
    position: absolute; left: 32px; top: 50px; right: 28px;
    font-size: 6px; line-height: 8px; font-weight: 600; text-align: center;
}

.doc-view-list li a .tit {
    margin-top: .4rem;
    height: 2.1rem
}

.doc-view-list li a .other {
    font-size: .6rem;
    color: #999;
    margin-top: .4rem
}
.doc-view-list li a .other .iconfont { font-size: .6rem; transform: scale(.85); margin: 0 .3rem 0 0; }

.popup-guide {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8);
    padding: .4rem .8rem
}

.popup-guide img {
    display: block;
    width: 100%
}

.ghostwrite-bar {
    position: relative;
    background-color: #fff;
    border-radius: .4rem;
    padding: .1rem;
    margin: 0 .4rem
}

.ghostwrite-bar .u-label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 0 .4rem;
    line-height: 1rem;
    font-size: .55rem;
    color: #fff;
    background-color: #004fff;
    border-radius: .4rem 0 .4rem 0;
    opacity: .5
}

.ghostwrite-bar .card {
    position: relative
}

.ghostwrite-bar .card .img-txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 5
}

.ghostwrite-bar .card .img-txt .pad {
    height: 5.5rem;
    padding: 1.6rem 5rem 0 1.2rem
}

.ghostwrite-bar .card .img-txt .pad .tit {
    font-size: .8rem;
    line-height: 1.1rem;
    font-weight: bold;
    overflow: hidden
}

.ghostwrite-bar .card .img-txt .pad .info {
    font-size: .55rem;
    line-height: .8rem;
    color: #999;
    margin-top: .1rem
}

.ghostwrite-bar .card .img-txt .pad .price {
    font-size: .55rem;
    color: #999;
    overflow: hidden
}

.ghostwrite-bar .card .img-txt .pad .price .f-num {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: .1rem 1px 0 0;
    display: inline-block
}

.ghostwrite-bar .card .img-txt .pad .price del {
    float: left;
    margin: .35rem 0 0 .2rem
}

.ghostwrite-bar .card .img-txt .bg {
    height: 2.6rem;
    margin: 0 .7rem;
    padding: .4rem .5rem;
    position: relative;
    background: linear-gradient(270deg, #fff 0, #f8fcff 58%, #f3f8ff 100%);
    border-radius: 1.3rem
}

.ghostwrite-bar .card .img-txt .bg .h20 {
    height: 1rem;
    line-height: 1rem
}

.ghostwrite-bar .card .img-txt .bg .h20 b {
    font-size: .7rem;
    float: left
}

.ghostwrite-bar .card .img-txt .bg .h20 .time {
    float: left;
    font-size: .5rem;
    color: #ec3b3b;
    margin-top: .1rem
}

.ghostwrite-bar .card .img-txt .bg .h20 .time span {
    position: relative;
    float: left;
    min-width: .8rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    border: 1px solid #ec3b3b;
    border-radius: .15rem;
    margin-left: .5rem
}

.ghostwrite-bar .card .img-txt .bg .h20 .time span:after {
    position: absolute;
    top: 0;
    right: -0.4rem;
    content: ':'
}

.ghostwrite-bar .card .img-txt .bg .h20 .time span:last-child:after {
    content: ''
}

.ghostwrite-bar .card .img-txt .bg .f10 {
    font-size: .5rem;
    color: #999;
    line-height: .7rem;
    margin-top: .1rem
}

.ghostwrite-bar .card .img-txt .bg .u-btn {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 4.6rem;
    height: 1.6rem;
    line-height: 1.5rem;
    font-size: .65rem;
    padding: 0
}

.ghostwrite-bar .tip {
    font-size: .5rem;
    color: #bbb;
    line-height: 1.5rem;
    text-align: center
}

/* HLX-1241 2021-08-02 LJ */
.detailed-bar .unfd-btn .ico-arrow {
    display: inline-block;
    vertical-align: middle;
    margin: -.1rem .3rem 0;
    width: .5rem;
    height: .5rem;
    background: url('http://www.365canyin.com/mobile/zizhucanshangmen/images-detail/ico-arrow.png') no-repeat;
    background-size: 100% 100%;
}

.detailed-bar .unfd-btn .ico-arrow:before {
    content: '';
}

.detailed-bar .det-bottom .btn-block {
    margin-top: .8rem;
}


/* HLX-1291 2021-08-04 LJ */
.hd-bar .hd-nav .hd-title,
.hd-bar .hd-nav span {
    margin-top: 0;
}

/* bg-primary */
.bg-primary {
    background-color: #0057FF;
}

/**/
.ico-searchtxt {
    width: 2rem;
    height: 1.2rem;
    background: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/ico-hot-search.png') no-repeat;
    background-size: 100% 100%;
}

/* search-bar */
.search-bar {
    position: relative;
    padding: .6rem 3.2rem .6rem .8rem;
}

.search-bar .search-btn {
    position: absolute;
    top: .6rem;
    right: 0;
    width: 3.2rem;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #999;
    font-size: .8rem;
    text-align: center;
}

.search-bar .search-conts {
    height: 1.6rem;
    border-radius: .8rem;
    background-color: #f5f5f5;
    position: relative;
    padding-left: 1.8rem;
}

.search-bar .search-conts .icon-search {
    position: absolute;
    top: 0;
    left: .8rem;
    line-height: 1.6rem;
    font-size: .6rem;
    color: #999;
    margin-top: 0;
}

.search-bar .search-conts .u-input {
    background-color: transparent;
}

.search-bar .search-conts .u-input input {
    padding: .3rem 0;
    line-height: 1rem;
    font-size: .7rem;
    color: #333;
}

.search-bar .search-conts .u-input .input-clear {
    background-color: transparent;
    line-height: 1.6rem;
    padding-right: .4rem;
    padding-left: .4rem;
    color: #e6e6e6;
    width: 2.4rem;
    text-align: center;
}

.search-bar .search-conts .u-input .input-clear .iconfont {
    font-size: .7rem;
}

.bg-primary .search-bar .search-btn {
    color: #fff;
}

/* hot-search */
.hot-search {
    padding: 0 .2rem 1rem .8rem;
    line-height: 1.2rem;
}

.hot-search .ico-searchtxt {
    position: relative;
    margin-right: .8rem;
}

.hot-search .ico-searchtxt:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -.4rem;
    width: 1px;
    height: .6rem;
    margin-top: -.3rem;
    background-color: #B8D0FF;
    transform: scaleX(.5);
}

.hot-search .txt {
    color: #fff;
    margin-right: .8rem;
    font-size: .7rem;
}

/* contract-bg */
.contract-bg {
    padding-top: .6rem;
    padding-bottom: .6rem;
    border-radius: .8rem .8rem 0 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 39%, #F8F8F8 100%);
}

/* home-type-list */
.home-type-list {
    overflow: hidden;
}

.home-type-list li {
    float: left;
    width: 25%;
    margin-top: .6rem;
}

.home-type-list .item {
    display: block;
    text-align: center;
}

.home-type-list .item .pic {
    display: block;
    margin: auto;
    width: 2rem;
    height: 2rem;
}

.home-type-list .item .txt {
    margin-top: .2rem;
    font-size: .65rem;
    line-height: .9rem;
}

/* advantage-list */
.advantage-list {
    display: flex;
    background-color: #f8f8f8;
    border-radius: .4rem;
    line-height: 1.6rem;
    justify-content: center;
}

.advantage-list li {
    margin-right: 1.2rem;
    font-size: .55rem;
    color: #666;
    white-space: nowrap;
}

.advantage-list li:last-child {
    margin-right: 0;
}

.advantage-list li .iconfont {
    font-size: .55rem;
    margin-right: .2rem;
}

/* ghostwrite-bar */
.ghostwrite-bar-ma0 .ghostwrite-bar {
    margin: 0;
}

.ghostwrite-bar {
    padding: 0;
}

.ghostwrite-bar span,
.ghostwrite-bar em {
    display: inline;
    vertical-align: initial;
}

/* tab-nav-h44 */
.tab-nav-h44 {
    padding: 0 .4rem;
}

.tab-nav-h44.tab-nav .nav-item .nv {
    margin-top: 0;
    line-height: 2.2rem;
}

/**/
.doc-view-list.pb0 {
    padding-bottom: 0;
}

.more-block.h80 {
    line-height: 4rem;
}

/* service-doc-list */
.service-doc-list {
    overflow: hidden;
    margin-left: -1.2rem;
}

.service-doc-list li {
    float: left;
    width: 50%;
}

.service-doc-list .item {
    display: block;
    margin: 0 0 1.2rem 1.2rem;
}

.service-doc-list .item .img-block {
    height: 5.317rem;
}

.service-doc-list .item .tit {
    margin-top: .4rem;
}

/* bottom-bar */
.bottom-bar {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    background-color: #fff;
}

/* contract-bottom */
.contract-bottom {
    background-color: #fff;
    box-shadow: 0 -.1rem .25rem rgba(0, 0, 0, 0.05);
    display: flex;
    padding: .4rem .6rem;
}

.contract-bottom .u-btn {
    flex: none;
    margin-left: .2rem;
}

.contract-bottom .txt {
    flex: 1;
    font-size: .65rem;
    line-height: 1rem;
}

/* pop-add-wechat */
.pop-add-wechat {
    display: none;
}

.pop-add-wechat .popup-bar {
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0, -150%);
    width: 100%;
    border-radius: 0;
    overflow: visible;
}

.pop-add-wechat .popup-bar .pop-close {
    position: absolute;
    left: 50%;
    bottom: -2.8rem;
    transform: translateX(-50%);
    top: auto;
    right: auto;
}

.pop-add-wechat .popup-bar .pop-close .iconfont {
    font-size: 1.6rem;
    line-height: 1;
}

.pop-add-wechat .conts-box {
    padding: .5rem .8rem 2rem;
    text-align: left;
}

.pop-add-wechat .ecode {
    display: block;
    margin: auto;
    width: 9rem;
    height: 9rem;
}

.pop-add-wechat .list {
    margin-top: .8rem;
}

.pop-add-wechat .list dt {
    font-size: .7rem;
    line-height: 1rem;
    color: #161616;
}

.pop-add-wechat .list dd {
    font-size: .6rem;
    line-height: .9rem;
    margin-top: .4rem;
    color: #757575;
}

.pop-add-wechat.popup-show {
    display: block;
}

.pop-add-wechat.popup-show .popup-bar {
    animation: topbottom .4s linear forwards;
    transform: translate(0, 0);
}

@keyframes topbottom {
    0% {
        transform: translate(0, -150%);
    }

    100% {
        transform: translate(0, 0);
    }
}

/* specail-show-card */
.specail-show-card {
    position: relative;
    display: block;
    padding: 1rem .8rem 1rem 1.2rem;
    background: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/bg01.png') no-repeat;
    background-size: 100% 100%;
    border-radius: .4rem;
    overflow: hidden;
    box-shadow: 0 .25rem .5rem rgba(0, 87, 255, .15);
}

.specail-show-card .name {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
}

.specail-show-card .u-btn {
    color: #fff;
    border-color: #fff;
    margin-top: .25rem;
    margin-left: .4rem;
}

.specail-show-card .advantage-list {
    background-color: transparent;
    border-radius: 0;
    justify-content: start;
    margin-top: .6rem;
    line-height: .8rem;
}

.specail-show-card .advantage-list li {
    color: #C5D9FF;
}

/**/
.doc-list li span {
    margin-top: 0;
}

.doc-list .ghostwrite-bar-ma0 {
    padding: .6rem .8rem;
}

.doc-list .ghostwrite-bar .card .img-txt .bg .u-btn {
    background-image: none;
}

/* contract-expertise */
.contract-expertise li .link-item {
    padding: .65rem .8rem;
    height: 2.4rem;
}

.contract-expertise li .tit {
    position: absolute;
    top: 0;
    left: .8rem;
    line-height: 2.4rem;
    z-index: 1;
}

.contract-expertise li.li-more:before {
    line-height: 2.4rem;
}

.contract-expertise li.is-this .link-item:after {
    display: none;
}

.contract-expertise .item {
    padding: 0 .8rem .55rem .4rem;
    overflow: hidden;
}

.contract-expertise .item .u-btn {
    float: left;
    margin: 0 0 .4rem .4rem;
    padding: 0 .5rem;
}

/* search-doc-list */
.search-doc-list li {
    position: relative;
    margin-bottom: .4rem;
    background: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/bg02.png');
    background-size: 100% 100%;
}

.search-doc-list .item {
    display: flex;
    padding: .8rem;
    justify-content: space-between;
}

.search-doc-list .icon-doc {
    font-size: .9rem;
    color: #0057FF;
    opacity: .19;
    margin-right: .5rem;
    line-height: 1.1rem;
    margin-top: 0;
}

.search-doc-list .u-btn {
    margin-left: .8rem;
    margin-top: 0;
}

.search-doc-list .conts {
    flex: 1;
}

.search-doc-list .info {
    font-size: .55rem;
    color: #bbb;
    line-height: .8rem;
    margin-top: .2rem;
}


/** HLX-1557 LJ 2021-08-14 */
/* preferred-services */
.preferred-services li {
    margin-top: .6rem;
    background-color: #fff;
    border-radius: .4rem;
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, 0.03);
}

.preferred-services .item {
    display: block;
    padding: .6rem .6rem .8rem;
}

.preferred-services .info {
    overflow: hidden;
}

.preferred-services .info .img-block {
    float: left;
    width: 4rem;
    height: 4rem;
    margin-right: .6rem;
    border-radius: .2rem;
    overflow: hidden;
}

.preferred-services .info .tit {
    font-size: .9rem;
    line-height: 1.3rem;
    max-height: 2.6rem;
}

.preferred-services .info .txt {
    margin-top: .4rem;
    font-size: .6rem;
    line-height: .9rem;
    color: #bbb;
}

.preferred-services .handle {
    margin-top: .8rem;
    overflow: hidden;
    line-height: 1.6rem;
}

.preferred-services .handle .u-btn {
    float: right;
    margin-top: 0;
}

.preferred-services .handle .price {
    float: left;
    font-size: .55rem;
    height: 1.6rem;
}

.preferred-services .handle .price b {
    font-size: .5rem;
}

.preferred-services .handle .price em {
    font-size: 1rem;
    position: relative;
    top: 1px;
    display: initial;
    vertical-align: initial;
}

.preferred-services .handle .unit,
.preferred-services .handle .offline-price {
    float: left;
    font-size: .55rem;
    color: #999;
    margin-top: .3rem;
    line-height: 1.2rem;
    display: initial;
    vertical-align: initial;
}

.preferred-services .handle .offline-price {
    margin-left: .2rem;
    text-decoration: line-through;
}

/* contract-recommend-charlt */
.contract-recommend-charlt {
    position: relative;
    display: block;
}

.contract-recommend-charlt .bg {
    display: block;
    width: 100%;
    height: auto;
}

.contract-recommend-charlt .conts {
    position: absolute;
    top: 2.2rem;
    right: .8rem;
    left: .8rem;
    z-index: 1;
    color: #813748;
}

.contract-recommend-charlt .conts .tit {
    font-size: .6rem;
    margin-right: 4.5rem;
    line-height: .9rem;
}

.contract-recommend-charlt .conts .info {
    margin-top: .8rem;
    line-height: .6rem;
    font-size: .4rem;
}

.contract-recommend-charlt .conts .info .iconfont {
    font-size: .4rem;
    margin-right: .2rem;
}

.contract-recommend-charlt .conts .info .line-vertical {
    margin: 0 .3rem;
}

.contract-recommend-charlt .conts .info .line-vertical:after {
    border-right-color: #813748;
    opacity: .24;
}

/* search-result-nodata */
.search-result-nodata {
    margin: 2rem .8rem;
    text-align: center;
}

.search-result-nodata .pic {
    display: block;
    margin: auto;
    width: 10rem;
    height: auto;
}

.search-result-nodata .tit {
    margin-top: 1.2rem;
    font-size: .95rem;
    line-height: 1.3rem;
}

.search-result-nodata .txt {
    font-size: .65rem;
    color: #999;
    line-height: 1rem;
    margin-top: .3rem;
}

/**/
.banner-contract .search-bar {
    margin: -.8rem -.6rem 0;
}

.banner-contract .search-bar .search-conts {
    background-color: #fff;
}


/** HLX-1566 2021-08-16 LJ */
.lh18 {
    line-height: .9rem;
}

/* statement-bar */
.statement-bar {
    padding: 0 .8rem 2rem;
    font-size: .6rem;
    line-height: .8rem;
}

/* popup-email */
.popup-email .popup-bar {
    padding: .8rem .8rem 1.2rem;
}

.popup-email .pop-title {
    font-weight: bold;
    font-size: .8rem;
}

.popup-email .pop-conts {
    margin-top: 1.2rem;
}

.popup-email .u-input {
    background-color: #F5F5F5;
    border-radius: 1.2rem;
}

.popup-email .u-input input {
    padding: .5rem .6rem;
    font-size: .7rem;
}

/* */
.doc-list .tit-txt {
    max-width: 8.8rem;
}

.radius-8 {
    border-radius: .4rem;
    overflow: hidden;
}

/* BBB-1840 LQ 2022-02-17 */
.inform-tip {
    padding: .3rem .6rem;
    background-color: #f8f8f8;
    border-radius: .2rem;
    font-size: .6rem;
    line-height: .9rem;
    color: #999;
}

.inform-tip a {
    margin-left: .2rem;
}

.inform-tip a img {
    display: inline-block;
    vertical-align: middle;
    width: .6rem;
    height: .6rem;
    margin: -0.15rem .2rem 0 0;
}

/** HLX-6155 LQ 2022-05-13 */
.ico-tui {
    width: 1.7rem; height: 1rem; background-size: 100% 100%;
    background-image: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/label_tui.png');
}
/* bottom-shortcut-v2 */
.bottom-shortcut-v2 .btn-price { margin-left: 0; padding-left: 0; padding-right: .6rem; }
.bottom-shortcut-v2 .btn-price .btn-primary { width: 4.5rem; }
.bottom-shortcut-v2 .btn-price .btn-warn { width: 5.2rem; }
.bottom-shortcut-v2 .btn-price .u-btn { position: relative; float: left; padding: 0; font-size: .5rem; line-height: .7rem; margin: 0 0 0 .25rem; }
.bottom-shortcut-v2 .btn-price .u-btn p { padding-top: .25rem; font-size: .45rem; }
.bottom-shortcut-v2 .btn-price .u-btn p span { font-size: .65rem; }
.bottom-shortcut-v2 .btn-price .u-btn .ico-tui { position: absolute; bottom: 1.75rem; right: 0; } 
.bottom-shortcut-v2 .bottom-item { position: relative; }
.bottom-shortcut-v2 .ico-img { display: block; margin: auto; width: .8rem; height: .8rem; background-size: 100% 100%; }
.bottom-shortcut-v2 .ico-lsdx { background-image: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/ico_lsdx.png'); }
.bottom-shortcut-v2 .ico-copy { background-image: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/ico_copy.png'); }
.bottom-shortcut-v2 .ico-down { background-image: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/ico_down.png'); }
.bottom-shortcut-v2 .ml0 { margin-left: 0; }
.bottom-shortcut-v2 .b-r .w184 { width: 9.2rem; }
.bottom-shortcut-v2 .lable-dx {
    position: absolute; top: -2.6rem; width: 9.4rem; height: 3.65rem; background: url('http://www.365canyin.com/mobile/zizhucanshangmen/images/label_dx.png') no-repeat; background-size: 100% 100%;
}
.bottom-shortcut-v2 .u-btn .lable-dx { right: .25rem; }
.bottom-shortcut-v2 .bottom-item .lable-dx { left: -1.2rem; top: -2.8rem; }