/** HYD-75 LQ 2021-09-22 */
button { border: none; cursor: pointer; }
.content-box * { box-sizing: border-box; }
.mt8 { margin-top: 8px; }
.mt25 { margin-top: 25px; }
.mt48 { margin-top: 48px; }
.ptb30 { padding: 30px 0; }
.bg-f5 { background-color: #f5f5f5; }
.bg-f8 { background-color: #f8f8f8; }
.w960 { width: 960px; }
.box-bar { background-color: #fff; padding: 30px; overflow: hidden; }
.s-primary { color: #0057ff; }
.s-warn { color: #ec3b3b; }
.img-block img { display: block; width: 100%; height: 100%; }
.radius-s { border-radius: 4px !important; }
/* .popup-msg { min-width: 260px; }
.popup-msg .icon-status { margin-top: 0 !important; }
.popup-confirm .icon-status { top: 0 !important; } */

/* unfold-bar.ftl */
.unfold-bar { position: relative; }
.unfold-bar .unfd-ovh { overflow: hidden; }
.unfold-bar .unfd-btn { cursor: pointer; }
.unfold-bar .unfd-btn .ico-arrow { width: 10px; height: 6px; background-position: -20px -65px; margin-left: 3px; }

/* price-num */
.price-num { font-size: 16px; line-height: 28px; height: 28px; }
.price-num .num { float: left; font-family: \5FAE\8F6F\96C5\9ED1; }
.price-num .num .f-num { float: right; font-size: 26px; margin-top: -4px; }
.price-num .unit { float: left; font-size: 14px; color: #bbb; line-height: 16px; margin-top: 5px; }

/* numfont */
@font-face {
    font-family:"DIN-Bold";
    src:url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Bold.eot') format("embedded-opentype"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Bold.woff') format("woff"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Bold.ttf') format("truetype"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Bold.svg') format("svg");
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:"DIN-Medium";
    src:url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Regular.eot') format("embedded-opentype"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Regular.woff') format("woff"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Regular.ttf') format("truetype"),
    url('//css.66law.cn/ui_v1/fonts/numfont/TG-TYPE-Regular.svg') format("svg");
    font-weight:normal;
    font-style:normal;
}
.din-b { font-family:"DIN-Bold"; }
.din-m { font-family:"DIN-Medium"; }

/* icon */
.ico-user,
.ico-arrow { display: inline-block; vertical-align: middle; background: url('/images/icon_user.png') no-repeat; margin-top: -2px; }
.ico-user.ico-1 { width: 16px; height: 16px; background-position: 0 0; }
.ico-user.ico-2 { width: 16px; height: 16px; background-position: 0 -20px; }
.ico-user.ico-3 { width: 16px; height: 16px; background-position: 0 -40px; }
.ico-user.ico-4 { width: 16px; height: 16px; background-position: 0 -60px; }
.ico-user.ico-v { width: 14px; height: 10px; background-position: -20px -40px; }
.ico-user.ico-tel { width: 18px; height: 18px; background-position: -20px 0; }
.ico-user.ico-official { width: 18px; height: 18px; background-position: -20px -20px; }
.ico-user.ico-img { width: 20px; height: 20px; background-position: -38px -40px; }
.ico-user.ico-file { width: 20px; height: 20px; background-position: -60px -40px; }
.ico-arrow { width: 6px; height: 11px; background-position: -30px -52px; transition: .2s ease-in-out; }

/* .u-btn */
.u-btn {
    display: inline-block; vertical-align: middle; transition: .2s linear;
    background-color: #fff; border: 1px solid #e8e8e8; border-radius: 32px;
    padding: 0 19px; font-size: 14px; line-height: 30px; height: 32px; cursor: pointer;
}
.u-btn:hover { border-color: #0057ff; color: #0057ff; }
.btn-warn, .btn-warn:hover { border-color: #ec3b3b; background-color: #ec3b3b; color: #fff; }
.btn-warn:hover { opacity: .85; }
.u-btn.btn-primary { border-color: #0057ff; background-color: #0057ff; color: #fff; }
.btn-primary-line { background-color: transparent; border-color: #0057ff; color: #0057ff; }
.btn-primary-line:hover { background-color: #0057ff; color: #fff; }
.u-btn.btn-primary-plain { border-color: #e0ebff; background-color: #e0ebff; color: #0057ff; }
.u-btn.btn-n { padding: 0 20px; height: 40px; line-height: 38px; }

/* sub_nav */
.sub-nav { float: left; width: 200px; background-color: #fff; margin-right: 40px; }
.sub-nav dt { height: 48px; line-height: 48px; padding: 0 30px; background-color: #f1f1f1; font-size: 15px; }
.sub-nav dt i[class^="ico-"] { margin: -4px 8px 0 0; }
.sub-nav dd { padding: 10px 0; }
.sub-nav dd a { position: relative; display: block; padding: 10px 40px 10px 30px; font-size: 14px; }
.sub-nav dd a:before {
    position: absolute; left: 0; top: 50%; content: '';
    width: 0; height: 14px; background-color: #0057ff; margin-top: -7px;
}
.sub-nav dd a .ico-arrow { position: absolute; top: 50%; right: 16px; margin-top: -5px; }
.sub-nav dd a.is-this, .sub-nav dd a:hover { color: #0057ff; }
.sub-nav dd a.is-this:before { width: 5px; }
.sub-nav dd a.is-this .ico-arrow,
.sub-nav dd a:hover .ico-arrow { background-position: -20px -52px; }

/* user-info */
.user-info .user { float: left; width: 260px; }
.user-info .user .photo { float: left; width: 100px; height: 100px; margin-right: 20px; }
.user-info .user .photo img { border-radius: 50%; }
.user-info .user .name { padding-top: 15px; font-size: 16px; line-height: 22px; }
.user-info .user .area { font-size: 12px; color: #bbb; margin-top: 4px; }
.user-info .user .h22 { height: 22px; line-height: 22px; margin-top: 8px; }
.user-info .user .tag-v {
    float: left; height: 20px; padding: 0 5px;
    background: #fefaef; border: 1px solid #f5d7a3; border-radius: 2px;
    font-size: 12px; color: #f58e08; line-height: 20px;
}
.user-info .user .tag-v .ico-v { float: left; margin: 6px 3px 0 0; }
/**/
.info-list { width: 600px; overflow: hidden; margin-top: 22px; }
.info-list li { float: left; width: 25%; text-align: center; color: #666; font-size: 14px; }
.info-list li div {
    margin: 0 auto 8px; width: 40px; height: 40px; line-height: 40px; text-align: center;
    background-color: #f5f5f5; border-radius: 50%; font-size: 18px; color: #333;
}
.info-list li div.s-warn { color: #e72d2d; }
.info-list li.is-disabled { color: #bbb; }
.info-list li.is-disabled .ico-user { opacity: .5; }

/* nav-f18 */
.ico-dot-green { width: 10px; height: 10px; background: #35c57c; border-radius: 50%; }
.nav-f18 { height: 24px; line-height: 22px; }
.nav-f18 .ico-dot-green { float: left; margin: 7px 10px 0 0; }
.nav-f18 strong { float: left; font-size: 18px; }

/* paging */
.paging { height: 20px; margin-top: 2px; }
.paging .ico-user { float: left; width: 20px; height: 20px; margin: 0 0 0 10px; cursor: pointer; }
.paging .btn-prev { background-position: -40px 0; }
.paging .btn-prev.is-disabled { background-position: -40px -20px; cursor: not-allowed; }
.paging .btn-next { background-position: -60px 0; }
.paging .btn-next.is-disabled { background-position: -60px -20px; cursor: not-allowed; }

/* order-list */
.h32 { height: 32px; line-height: 32px; }
.order-list { padding-top: 10px; }
.order-list li { padding: 20px; background-color: #fff; border-radius: 8px; margin-top: 10px; }
.order-list li .tit { height: 22px; line-height: 22px; }
.order-list li .tit strong { font-size: 16px; }
.order-list li .tit .fr { font-size: 14px; color: #999; }
.order-list li .order-info { padding: 7px 200px 7px 0; overflow: hidden; }
.order-list li .order-info p { float: left; width: 50%; font-size: 12px; color: #bbb; line-height: 16px; padding: 5px 0; }
.order-list li .order-info span { color: #999; }
.order-list li .btn-group { overflow: hidden; }
.order-list li .btn-group .u-btn { float: left; margin-left: 10px; }
.box-bar .order-list li { background-color: #f8f8f8; }

/* table-list */
.table-list { width: 100%; font-size: 14px; text-align: left; }
.table-list th,
.table-list td { box-sizing: border-box; padding: 5px 20px; }
.table-list th:first-child,
.table-list td:first-child { padding-left: 0; }
.table-list th { color: #999; height: 40px; }
.table-list td { color: #666; height: 36px; }

/* swiper-art-h120 */
.swiper-art-h120 { position: relative; height: 120px; }
.swiper-art-h120 .pagination { position: absolute; z-index: 20; bottom: 10px; right: 20px; text-align: right; height: 8px; line-height: 8px; }
.swiper-pagination-switch {
    display: inline-block; vertical-align: middle; width: 8px; height: 8px; border-radius: 8px; background: #999;
    margin: -4px 3px 0; opacity: 0.3; cursor: pointer;
}
.swiper-active-switch { opacity: 1; }

/* u-pagination */
.u-pagination { line-height: 38px; font-size: 14px; }
.u-pagination .page-num,
.u-pagination a { display: inline-block; vertical-align: middle; }
.u-pagination a {
    min-width: 20px; padding: 0 9px; margin: 0 2px;
    background: transparent; border: 1px solid #d1d1d1;
    color: #666; text-align: center; cursor: pointer;
}
.u-pagination a:hover { color: #0057ff;}
.u-pagination .page-prev,
.u-pagination .page-next { font-family: "fangsong", serif; font-size: 18px; font-weight: 600; }
.u-pagination .page-omit { margin: 0 5px; }
.u-pagination a.is-this { background-color: #0057ff; border-color: #0057ff; color: #fff; }
.u-pagination a.is-disabled { opacity: .5; cursor: not-allowed; }
.u-pagination a.is-disabled:hover { color: #333; }

/* nav-h32 */
.nav-h32 { height: 32px; line-height: 32px; }
.nav-h32 strong { float: left; font-size: 24px; font-weight: normal; }

/* tag-link */
.tag-link .u-tag {
    float: left; margin-left: 20px; cursor: pointer;
    padding: 0 16px; background-color: #fff; border-radius: 4px;
    font-size: 14px; color: #666; line-height: 32px;
}
.tag-link .u-tag:hover, .tag-link .u-tag.is-this { background-color: #0057ff; color: #Fff; }

/* order-detail */
.order-detail .left-det { width: 670px; }
.order-detail .order-info { padding: 7px 50px 7px 0; overflow: hidden; }
.order-detail .order-info p { float: left; width: 50%; font-size: 12px; color: #bbb; line-height: 16px; padding: 5px 0; }
.order-detail .order-info span { color: #999; }
.order-detail .unfold-bar { font-size: 14px; line-height: 24px; }
.order-detail .unfd-ovh { height: 72px; transition: height .2s linear; }
.order-detail .unfd-conts { color: #999; }
.order-detail .unfd-btn {
    position: absolute; right: 0; bottom: 0;
    padding: 0 15px 0 50px; background: linear-gradient(270deg , #fff 60%, rgba(255,255,255, 0) 100%);
}
.order-detail .unfold-bar.is-show .unfd-btn .ico-arrow { transform: rotate(180deg); }
/* lawyer-w200 */
.order-detail .lawyer-w200 { width: 200px; text-align: center; }
.order-detail .lawyer-w200 .photo { width: 100px; height: 100px; margin: auto; }
.order-detail .lawyer-w200 .photo img { border-radius: 50%; }
.order-detail .lawyer-w200 p { font-size: 14px; line-height: 20px; font-weight: 600; margin: 12px 0; }

/* user-order-staus-list */
.user-order-staus-list { overflow: hidden; margin: 24px -30px 0; }
.user-order-staus-list li { float: left; width: 20%; text-align: center; color: #bbb; }
.user-order-staus-list .ico { position: relative; height: 30px; line-height: 30px; }
.user-order-staus-list .ico .iconfont { font-size: 28px; color: #ddd; }
.user-order-staus-list .tit { font-size: 14px; line-height: 20px; margin-top: 10px; }
.user-order-staus-list .time { margin-top: 4px; font-size: 12px; line-height: 16px; }
.user-order-staus-list .ico:before {
    position: absolute; top: 14px; left: 118px; right: -74px;
    height: 1px; background-color: #ddd; content: '';
}
.user-order-staus-list li:last-child .ico:before { display: none; }
.user-order-staus-list li.is-this .ico:before { background-color: #b3cdff; }
.user-order-staus-list li.is-this .ico .iconfont { color: #2670ff; }
.user-order-staus-list li.is-this P { color: #666; }
.user-order-staus-list .info {
    position: relative; margin: 12px auto 0;
    width: 116px; padding: 6px 0; background-color: #f8f8f8;
    border: 1px solid #e8e8e8; border-radius: 4px;
}
.user-order-staus-list .info:before {
    position: absolute; left: 50%; top: -5px; content: ''; margin-left: -5px;
    border: 5px solid transparent; border-bottom-color: #e8e8e8; border-top: none;
}
.user-order-staus-list .info dl { padding: 6px 12px; text-align: left; font-size: 12px; line-height: 16px; }
.user-order-staus-list .info dt { height: 16px; line-height: 16px; font-weight: 600; color: #333; }
.user-order-staus-list .info dd { color: #666; margin-top: 4px; }

/* doc-list */
.doc-list li { padding: 9px 16px 9px 30px; }
.doc-list li .ect { float: left; max-width: 550px; font-size: 16px; line-height: 22px; margin-right: 8px; }
.doc-list li .u-btn { height: 24px; line-height: 22px; padding: 0 14px; font-size: 12px; margin-left: 8px; }
.doc-list li .u-btn:hover { opacity: .8; }
.doc-list li.excel{ background: url('../../pic/backstage/user/ico_doc_type/ico_excel.png') no-repeat 0 10px; }
.doc-list li.pdf  { background: url('../../pic/backstage/user/ico_doc_type/ico_pdf.png') no-repeat 0 10px; }
.doc-list li.doc  { background: url('../../pic/backstage/user/ico_doc_type/ico_doc.png') no-repeat 0 10px; }
.doc-list li.zip  { background: url('../../pic/backstage/user/ico_doc_type/ico_zip.png') no-repeat 0 10px; }
.doc-list li.file { background: url('../../pic/backstage/user/ico_doc_type/ico_file.png') no-repeat 0 10px; }

.txt-w670 { width: 670px; font-size: 16px; line-height: 26px; color: #666; }

/* dialogue-bar.ftl */
.dialogue-bar { position: relative; height: 860px; }
/*dial-header*/
.dialogue-bar .hd-info { padding: 20px 14px; height: 60px; background-color: #fff; }
.dialogue-bar .hd-info li { float: left; margin: 0 16px; font-size: 14px; color: #bbb; }
.dialogue-bar .hd-info li span { color: #333; }
/*chat-main*/
.chat-main { height: 600px; padding: 30px; overflow-y: auto; }
/*item*/
.chat-main .item { margin-bottom: 30px; }
.chat-main .item .user { position: relative; }
.chat-main .item .photo { position: absolute; top: -5px; width: 50px; height: 50px; }
.chat-main .item .photo img { display: block; width: 100%; height: 100%; border-radius: 50%; }
.chat-main .item .txt {
    position: relative; max-width: 640px; padding: 16px 20px;
    background-color: #fff; box-shadow: 0 1px 8px rgba(0,0,0, .03); min-height: 22px;
    font-size: 16px; line-height: 22px; word-wrap: break-word;
}
.chat-main .item .draw { width: 140px; height: 110px; }
/*left*/
.chat-main .item.left { padding: 5px 62px 0; }
.chat-main .item.left .photo { left: -62px; }
.chat-main .item.left .txt { float: left; border-radius: 0px 8px 8px 8px; }
/*right*/
.chat-main .item.right { padding: 5px 62px 0 36px; }
.chat-main .item.right .photo { right: -62px; }
.chat-main .item.right .name { text-align: right; }
.chat-main .item.right .txt { float: right; border-radius: 8px 0 8px 8px; background-color: #2670ff; color: #fff; }
.chat-main .item.right .draw { float: right; }
/*chat-foot*/
.chat-foot { height: 200px; background-color: #fff; }
.chat-foot .tool-bar { padding: 20px 18px 10px; overflow: hidden; }
.chat-foot .tool-bar .tool-item { position: relative; float: left; padding: 0 12px; font-size: 12px; color: #666; line-height: 20px; cursor: pointer; }
.chat-foot .tool-bar .tool-item .ico-user { float: left; margin: 0 6px 0 0; }
.chat-foot .tool-bar .tool-item input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; }
.chat-foot textarea { display: block; width: 100%; height: 78px; padding: 10px 30px; overflow-y: auto; font-size: 16px; line-height: 22px; }
.chat-foot textarea::placeholder { color: #bbb; }
.chat-foot .other { padding: 10px 30px 30px; line-height: 32px; overflow: hidden; }
.chat-foot .other .txt-num { color: #bbb; }
.chat-foot .other .txt-num em { color: #333; }
.chat-foot .other .u-btn { width: 92px; border-radius: 4px; }
/*card-w450*/
.card-w450 { position: relative; float: left; width: 450px; padding: 30px; background-color: #fff; border-radius: 0px 8px 8px 8px; }
/*cargo-card*/
.cargo-card .rt-tag {
    position: absolute; top: 0; right: 0; z-index: 5;
    padding: 0 14px; background-color: #e8e8e8; border-radius: 0 8px 0 8px;
    font-size: 12px; color: #666; line-height: 24px;
}
.cargo-card .tit { height: 28px; line-height: 28px; margin-bottom: 15px; }
.cargo-card .tit strong { float: left; font-size: 20px; }
.cargo-card .tit .price-num { float: left; margin: 2px 0 0 8px; }
.cargo-card .info p { position: relative; padding: 5px 0 5px 70px; font-size: 14px; color: #666; line-height: 20px; }
.cargo-card .info p .lable { position: absolute; left: 0; color: #999; }、
                                                                        .cargo-card .h40 { height: 40px; line-height: 40px; }
.cargo-card .h40 .ratio-show { height: 40px; line-height: 40px; background: linear-gradient(90deg, #f5f8ff 0%, #fff 100%); }
.cargo-card .h40 .ratio-show span { float: left; padding: 0 12px; font-size: 12px; color: #999; }
.cargo-card .h40 .ratio-show span .iconfont { font-size: 12px; color: #ec3b3b; margin-right: 4px; }
.cargo-card.bg-tui { background: #fff url('../../pic/backstage/user/bg/card_bg.png') no-repeat right top; }
.cargo-card.bg-tui .rt-tag { background-color: #b3cdff; color: #fff; }

.card-next-tips { font-size: 12px; line-height: 18px; color: #bbb; }
.card-next-tips .iconfont { font-size: 14px; color: #bbb; margin-right: 6px; }
/*doc-card*/
.doc-card .tit { font-size: 18px; line-height: 24px; font-weight: 600; }
.doc-card .doc-list { font-size: 14px; line-height: 22px; color: #666; margin: 16px 0; }
.doc-card .doc-list li { padding: 4px 16px 4px 30px; background-position: 0 5px; }
.doc-card .other { height: 32px; line-height: 32px; font-size: 12px; color: #ccc; }
.doc-card .other .iconfont { font-size: 14px; margin-right: 6px; }

/* grade-bar.ftl */
.ico-star { font-family: "iconfont"; display: inline-block; vertical-align: middle; margin-top: -2px; }
.ico-star:before { content: "\e600"; }

.u-rate { overflow: hidden; line-height: 22px; height: 22px; }
.u-rate .icon-bar { position: relative; float: left; height: 18px; overflow: hidden; margin-top: 2px; }
.u-rate .icon-bar .ico-star { float: left; font-size: 18px; margin: 0 3px; line-height: 1em; color: #e8e8e8; }
.u-rate .icon-bar .color { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; }
.u-rate .icon-bar .color .ico-star { color: #f90; }
.u-rate .txt { float: left; margin-left: 6px; }

.grade-bar li { padding: 10px 0; height: 42px; line-height: 22px; font-size: 16px; box-sizing: border-box; }
.grade-bar li .lable { float: left; color: #666; }

/* u-textarea */
.u-textarea { border: 1px solid #e8e8e8; border-radius: 4px; }
.u-textarea textarea { display: block; width: 100%; height: 100%; overflow-y: auto; padding: 16px 20px; font-size: 16px; }
.u-textarea textarea::placeholder { color: #999; }

/* u-dropdown */
.u-dropdown { position: relative; z-index: 1; cursor: pointer; float: left; margin-right: 6px; }
.u-dropdown .dropdown-txt { padding: 0 20px; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 2px; font-size: 16px; }
.u-dropdown .dropdown-txt span { float: left; white-space: nowrap; }
.u-dropdown .dropdown-txt .iconfont { float: right; font-size: 12px; color: #666; margin: 2px 0 0 4px; transform: scale(.85) rotate(0deg); transition: .1s linear; }
.u-dropdown .dropdown-popup { position: absolute; left: 0; top: 110%; z-index: 5; min-width: 100%; background: #fff; box-shadow: 0px 15px 32px rgba(0, 0, 0, 0.08); visibility: hidden; opacity: 0; transition: .2s ease-in-out; }
.u-dropdown .dropdown-list { max-height: 160px; overflow-y: auto; }
.u-dropdown .dropdown-list p { padding: 0 20px; line-height: 40px; color: #666; white-space: nowrap; font-size: 14px; }
.u-dropdown .dropdown-list p.is-this,
.u-dropdown .dropdown-list p.is-this:hover { background-color: #f8f8f8; color: #0057ff; }
.u-dropdown .dropdown-list p:hover { color: #000; }
/*click*/
.u-dropdown.is-click { z-index: 10; }
.u-dropdown.is-click .dropdown-txt .iconfont { transform: scale(.85) rotate(180deg); margin-top: 0; }
.u-dropdown.is-click .dropdown-popup { visibility: visible; opacity: 1; top: 100%; }
/*disabled*/
.u-dropdown.is-disabled { cursor: not-allowed; color: #bbb; }
.u-dropdown.is-disabled .iconfont { color: #bbb; }

/* grade-textarea */
.grade-textarea dt { font-size: 16px; line-height: 22px; color: #bbb; margin-bottom: 16px; }
.grade-textarea .u-textarea,
.form-group .u-textarea { display: block; width: 580px; height: 120px; }

/* grade-form */
.grade-form { height: 780px; padding-bottom: 80px; }
.grade-form .u-btn { width: 92px; height: 36px; line-height: 34px; text-align: center; }

/* form-group */
.form-group li { position: relative; min-height: 40px; line-height: 40px; padding-left: 120px; margin-bottom: 20px; }
.form-group li .tit { position: absolute; left: 0; width: 110px; text-align: right; font-size: 16px; }
.form-group li .dropdown-txt { width: 300px; height: 40px; }

/* discount-list */
.discount-list li {
    position: relative; float: left; width: 470px; margin: 20px 20px 0 0; border-radius: 8px;
    background: #fff url('../../../../ui_v1/m/pic/coupon/coupon-decorate.png') top right;
    background-size: 100% 100%;
}
.discount-list li:nth-child(2n) { margin-right: 0; }
.discount-list li:before,
.discount-list li:after {
    position: absolute; content: ''; top: 86px;
    width: 20px; height: 20px; background-color: #f8f8f8; border-radius: 50%;
}
.discount-list li:before{ left: -10px; }
.discount-list li:after { right: -10px; }
.discount-list .info { position: relative; padding: 26px 120px 20px 114px; }
.discount-list .info .u-btn { position: absolute; top: 26px; right: 24px; }
.discount-list .info .price-num {
    position: absolute; left: 16px; top: 22px; width: 80px;
    font-size: 12px; line-height: 18px; text-align: center; color: #ec3b3b;
}
.discount-list .price-num .num { float: none; display: block; font-size: 14px; line-height: 34px; height: 26px; }
.discount-list .price-num .num .f-num { font-size: 32px; margin: 0 0 0 2px; float: none; }
.discount-list .price-num p { margin-top: 10px; }
.discount-list .info .tit { font-size: 18px; line-height: 24px; font-weight: 600; }
.discount-list .info .time { font-size: 12px; line-height: 18px; margin-top: 8px; }
.discount-list .rule-box {
    position: relative; padding: 20px 24px 19px;
    font-size: 12px; line-height: 18px; color: #999;
}
.discount-list .rule-box .icon-arrow-down { font-size: 6px; color: #999; margin: -2px 0 0 8px; }
.discount-list .rule-box:before {
    position: absolute; left: 24px; right: 24px; top: 0; content: '';
    border-top: 1px dashed #e8e8e8;
}
.discount-list .rule-box .ect-clamp { -webkit-line-clamp: 3; }
.discount-list .rule-box .rule-all { display: none; }
.discount-list .rule-box.is-show .icon-arrow-down:before { content: "\e621"; }
.discount-list .rule-box.is-show .rule-all { display: block; }
.discount-list li.is-disabled .info,
.discount-list li.is-disabled .rule-box { opacity: .6; }
.discount-list li.is-disabled .u-btn { display: none; }
.discount-list li.is-disabled .rule-box:after {
    position: absolute; right: 0; top: -80px; content: '';
    width: 60px; height: 65px;
}
.discount-list li.is-past .rule-box:after { background: url('../../pic/backstage/user/bg/past.png'); }
.discount-list li.is-used .rule-box:after { background: url('../../pic/backstage/user/bg/used.png'); }

/* no-data */
.no-data { padding: 200px 50px; text-align: center; color: #999; }

/* popup-email */
.popup-email .popup-bar { width: 400px; box-sizing: border-box; margin: -90px 0 0 -200px; }
.popup-email .u-input { border: 1px solid #e8e8e8; border-radius: 4px; }
.popup-email .u-input input { display: block; box-sizing: border-box; width: 100%; height: 38px; padding: 8px 16px; font-size: 14px; line-height: 22px; }
.popup-email .u-input input::placeholder { color: #999; }