@charset "utf-8";
.posrel,
sub,
sup {
    position: relative
}

.dropdown ul,
ol,
ul {
    list-style: none
}

.ivu-modal-com.front-eject .price-table table td,
.l-dialog-content,
.l-grid-body td {
    word-wrap: break-word;
    word-break: break-all
}

.ivu-modal-wrap *,
.jcrop-tracker {
    -webkit-tap-highlight-color: transparent
}

.nowrap,
.page-qaq .qaq.befo li a {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

html {
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    font-family: Microsoft Yahei, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
iframe,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 Microsoft Yahei, arial, \5b8b\4f53
}

button {
    cursor: pointer
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

.ui-btn:hover,
a,
ins {
    text-decoration: none
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: 500
}

em,
i {
    font-style: normal
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500
}

q:after,
q:before {
    content: ''
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.middle {
    vertical-align: middle
}

.fn-clear {
    zoom: 1
}

.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

body .fn-hide {
    display: none
}

.fn-left,
.fn-right {
    display: inline
}

.fn-left,
.left {
    float: left
}

.fn-right,
.right {
    float: right
}

.block {
    display: block
}

.fn-center {
    text-align: center
}

.fn-alignl {
    text-align: left!important
}

.fn-alignr {
    text-align: right!important
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cursor-p {
    cursor: pointer
}

.trans_3 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.trans_5 {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.trans_10 {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.fn32 {
    font-size: 32px!important
}

.fn30 {
    font-size: 30px
}

.fn24 {
    font-size: 24px
}

.fn22 {
    font-size: 22px
}

.fn20 {
    font-size: 20px
}

.fn18 {
    font-size: 18px
}

.fn16 {
    font-size: 16px!important
}

.fn14 {
    font-size: 14px!important
}

.fn12 {
    font-size: 12px!important
}

.c_blue {
    color: #0B0BFF!important
}

.c_blue1 {
    color: #6583e7!important
}

.c_blue2 {
    color: #5358a2!important
}

.c_blue3 {
    color: #f9cb1a!important
}

.c_red {
    color: red!important
}

.c_red2 {
    color: #ff382c!important
}

.c_red3 {
    color: #f24652!important
}

.c_green {
    color: #85ca4b!important
}

.c_orange {
    color: #f9cb1a!important
}

.c_orange1 {
    color: #ff6700!important
}

.c_orange2 {
    color: #fd6042!important
}

.c_gray {
    color: #252b3a
}

.c_gray1 {
    color: #555
}

.c_gray2 {
    color: #333
}

.font_700 {
    font-weight: 700
}

.p0 {
    padding: 0!important
}

.pl10 {
    padding-left: 10px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr60 {
    padding-right: 60px!important
}

.m10-auto {
    margin: 10px auto!important
}

.mt12 {
    margin-top: 12px!important
}

.mt25 {
    margin-top: 25px!important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.ml24 {
    margin-left: 24px!important
}

.ml38 {
    margin-left: 38px!important
}

.ml70 {
    margin-left: 70px!important
}

.mr2 {
    margin-right: 2px!important
}

.mr65 {
    margin-right: 65px!important
}

.h32 {
    height: 32px!important
}

.h40 {
    height: 40px!important
}

.h50 {
    height: 50px!important
}

.h90 {
    height: 90px!important
}

.h270 {
    height: 270px!important
}

.h380 {
    height: 380px!important
}

.c_bd {
    border: 1px solid #ffece2
}

.bd_red {
    border: 1px solid #f24652!important
}

.w1000 {
    width: 1000px!important
}

.lh22 {
    line-height: 22px!important
}

.lh32 {
    line-height: 32px!important
}

.clear_border {
    border: none!important
}

.t-indent {
    text-indent: 2em
}

.fn-nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.classify_alert,
.dropdown {
    font-size: 14px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 140px;
    border: 1px solid #ccc;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.classify_alert .carat,
.dropdown .carat {
    display: block;
    width: 8px;
    height: 7px;
    padding: 10px 5px 10px 2px;
    border-radius: 0 4px 4px 0;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.classify_alert .carat-tra,
.dropdown .carat-tra {
    position: absolute;
    right: -10px;
    top: 14px
}

.classify_alert .carat-tra:after,
.dropdown .carat-tra:after {
    content: "";
    @include icon-repo-more;
    display: block
}

.classify_alert .selected,
.dropdown .selected {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fn13 {
    font-size: 13px
}

.dropdown div {
    height: 0;
    margin-top: -1px;
    border: 1px solid #ccc;
    border-top: 1px solid #eee;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px
}

.classify_alert .selected,
.dropdown .selected {
    border-radius: 4px
}

.dropdown ul {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.dropdown li.focus {
    background: #f8f8f8;
    color: #f9cb1a!important
}

.dropdown li.active,
.dropdown li.optgroup {
    font-weight: 600
}

.dropdown li.optgroup {
    color: #a0a0a0
}

.dropdown li.optgroup_option {
    padding-left: 20px
}

.dropdown .selected,
.dropdown ul {
    background: #fff
}

.dropdown .selected,
.dropdown li {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #666;
    padding: 8px 7px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer
}

.dropdown .old {
    display: none
}

.dropdown:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}

.dropdown.open {
    z-index: 2
}

.dropdown.open div {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2
}

.dropdown.disabled .selected {
    color: #999
}

.dropdown.scrollable.open ul {
    overflow-y: auto
}

.dropdown .searchbox .not-search {
    display: block;
    text-align: center;
    line-height: 80px;
    background: #fff
}

.classify_alert .classify_select .select_option .checkbox li,
.classify_alert .classify_select .select_option .stage1 li,
.classify_alert .classify_select .select_option .stage2 li {
    float: left;
    padding: 3px 12px 2px;
    margin: 0 10px 11px 0;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px
}

.classify_alert .classify_select .select_option .stage1 li.action {
    background: #f9f9f9;
    color: #f9cb1a
}

.classify_alert .classify_select .select_option .stage1 li.action[switch] {
    padding: 3px 12px 15px;
    margin: 0 10px -1px 0;
    border-bottom: 0;
    border-radius: 3px 3px 0 0
}

.classify_alert .classify_select .select_option .stage2 {
    display: none;
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border: 1px solid #e9e9e9
}

.classify_alert .classify_select .select_option .checkbox li,
.classify_alert .classify_select .select_option .stage2 li {
    padding: 3px 14px 2px
}

.classify_alert .classify_select .select_option .checkbox li.action,
.classify_alert .classify_select .select_option .stage2 li.action {
    background: #f9cb1a;
    border: 1px solid #f9cb1a;
    color: #fff;
    position: relative
}

.classify_alert .classify_select .select_option .checkbox li .icon,
.classify_alert .classify_select .select_option .stage2 li .icon {
    display: none
}

.classify_alert .classify_select .select_option .checkbox li.action .icon,
.classify_alert .classify_select .select_option .stage2 li.action .icon {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/icon.png?v=20190215) -144px 0 no-repeat;
    position: absolute;
    right: 1px;
    top: 1px
}

.classify_alert .classify_select .select_option .classify_checkbox,
.classify_alert .classify_select .select_option .classify_radios {
    @include fn-clear;
    zoom: 1
}

.classify_alert .classify_select .classify_btn {
    width: 50px
}

.mark:after,
.mask:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 96;
    height: 100%
}

.mark .content,
.mask .content {
    box-shadow: none!important
}

.eject {
    margin-top: -200px
}

.eject .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 18px;
    z-index: 98;
    cursor: pointer
}

.eject .close .icon-modal-close,
.eject .close .icon-modal-close-hover {
    position: absolute;
    right: 4px;
    top: 4px
}

.eject .close .icon-modal-close-hover,
.eject .close:hover .icon-modal-close {
    display: none
}

.eject .close:hover .icon-modal-close-hover {
    display: inline-block
}

.eject .close:hover:after {
    @include icon-modal-close-hover;
}

.eject .popup-title {
    height: 54px;
    line-height: 54px;
    border-bottom: 1px solid #e8e8e8;
    font-size: 16px;
    color: #2a344f;
    font-weight: 600;
    padding: 0 20px;
    position: relative
}

.eject .popup-table {
    width: 100%
}

.eject .popup-table td,
.eject .popup-table th {
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    height: 54px;
    line-height: 54px;
    text-align: left;
    padding: 0 10px 0 38px
}

.eject .popup-table th {
    background: #fafafa;
    color: #2a344f
}

.eject .popup-table td {
    color: #6a7284
}

.eject .popup-table tbody {
    display: block;
    max-height: 220px;
    overflow-y: auto
}

.eject .popup-table thead,
.eject .popup-table tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

.eject .eject-operation {
    @include fn-clear;
    padding: 10px 20px
}

.eject .eject-operation .ui-btn {
    padding: 4px 15px
}

.eject.fail-tips .content,
.eject.success-eject .content,
.eject.success-tips .content,
.eject.wait-tips .content {
    border-radius: 4px
}

.eject.fail-tips .content h5,
.eject.success-eject .content h5,
.eject.success-tips .content h5,
.eject.wait-tips .content h5 {
    padding-right: 5px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 400
}

.eject.fail-tips .content h5:before,
.eject.success-eject .content h5:before,
.eject.success-tips .content h5:before,
.eject.wait-tips .content h5:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    vertical-align: bottom;
    background: url(../img/common/success-eject.png) center center no-repeat
}

.eject.front-eject {
    margin-top: -319px
}

.eject.front-eject .content {
    width: 555px;
    margin: 0 auto
}

.eject.front-eject .content .popup-title {
    color: #4f7efe;
    background-color: #f6f7fa;
    font-weight: 400
}

.eject.front-eject .content .front-cont {
    font-size: 14px;
    color: #444;
    padding: 15px 20px 30px
}

.eject.front-eject .content .price-title {
    font-size: 16px;
    padding: 15px 0
}

.eject.front-eject .content .price-table {
    background-color: #f6f7fa;
    padding: 15px 0
}

.eject.front-eject .content .price-table table {
    width: 100%
}

.eject.front-eject .content .price-table table td {
    padding: 5px 0;
    word-break: break-all;
    word-wrap: break-word
}

.eject.front-eject .content .price-table table td:nth-child(2n+1) {
    text-align: right
}

.eject.front-eject .content .price-table table td:nth-child(2n) {
    text-align: left;
    color: #f9cb1a;
    font-size: 16px;
    padding-left: 10px
}

.eject.front-eject .content .operate-protect {
    padding: 0 20px 15px
}

.eject.front-eject .content .operate-protect .form-item {
    font-size: 16px;
    color: #444;
    padding-bottom: 15px
}

.eject.front-eject .content .operate-protect .form-item .til {
    display: inline-block;
    width: 180px;
    text-align: right
}

.eject.front-eject .content .operate-protect .form-item input[type=text] {
    box-sizing: border-box;
    width: 220px;
    height: 42px;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    font-size: 14px;
    color: #2a344f;
    padding-left: 8px
}

.eject.front-eject .content .operate-protect .radio-blue {
    margin-left: 20px
}

.eject.front-eject .content .operate-protect .verify {
    display: inline-block;
    vertical-align: middle
}

.eject.front-eject .content .btn-box {
    text-align: center;
    padding-bottom: 30px
}

.eject.front-eject .content .btn-box .ui-btn {
    border-radius: 0;
    padding: 7px 18px;
    font-size: 16px
}

.eject.front-eject .content .btn-box .ui-btn:first-child {
    margin-right: 15px;
    border: 1px solid #e3e2e7
}

.eject.limit-violation .ui-btn.btn_blue2,
.eject.limit-violation1 .ui-btn.btn_blue2 {
    color: #fff;
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

.eject.limit-violation .ui-btn,
.eject.limit-violation1 .ui-btn {
    display: inline-block;
    font-size: 14px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px 7px;
    background: #fbfbfb;
    cursor: pointer
}

.eject.limit-violation .content,
.eject.limit-violation1 .content {
    padding: 50px 0;
    width: 640px;
    margin: 0 auto;
    border-radius: 13px
}

.eject.limit-violation .content .limit-title,
.eject.limit-violation1 .content .limit-title {
    text-align: center;
    font-size: 28px;
    color: #f44451;
    line-height: 40px
}

.eject.limit-violation .content .limit-title .icon-i-red,
.eject.limit-violation1 .content .limit-title .icon-i-red {
    margin-top: -3px
}

.eject.limit-violation .content .limit-text,
.eject.limit-violation1 .content .limit-text {
    padding: 30px 40px;
    font-size: 16px;
    line-height: 28px;
    color: #7d8493
}

.eject.limit-violation .content .limit-operation,
.eject.limit-violation1 .content .limit-operation {
    padding-top: 10px;
    text-align: center
}

.eject.limit-violation .content .limit-operation .ui-btn,
.eject.limit-violation1 .content .limit-operation .ui-btn {
    padding: 6px 25px;
    margin: 0 10px
}

.eject.limit-violation .content .limit-operation .btn_blue3,
.eject.limit-violation1 .content .limit-operation .btn_blue3 {
    background-color: #f9cb1a;
    color: #fff;
    border: 1px solid #f9cb1a
}

.ui-btn,
.ui-btn:hover {
    color: #fff;
    border: 1px solid #f9cb1a
}

[class*=" icon"],
[class^=icon] {
    display: inline-block;
    vertical-align: middle
}

.icon-ad_close {
    background-position: -152px -334px;
    width: 19px;
    height: 19px
}

.icon-admin {
    background-position: -370px -90px;
    width: 17px;
    height: 17px
}

.icon-auction {
    background-position: -139px -171px;
    width: 78px;
    height: 20px
}

.icon-ban-qq {
    background-position: -397px -228px;
    width: 15px;
    height: 14px
}

.icon-ban-wx {
    background-position: 0 -390px;
    width: 17px;
    height: 14px
}

.icon-ban {
    background-position: -422px -25px;
    width: 13px;
    height: 13px
}

.icon-bao {
    background-position: -370px -32px;
    width: 17px;
    height: 20px
}

.icon-batchJiao {
    background-position: -135px -364px;
    width: 18px;
    height: 11px
}

.icon-blue-info {
    background-position: -99px -295px;
    width: 22px;
    height: 22px
}

.icon-blue-tip {
    background-position: -52px -364px;
    width: 16px;
    height: 16px
}

.icon-bo {
    background-position: -255px -295px;
    width: 18px;
    height: 18px
}

.icon-boo {
    background-position: -122px -334px;
    width: 20px;
    height: 20px
}

.icon-book-cue {
    background-position: -340px -245px;
    width: 20px;
    height: 20px
}

.icon-book-fail,
.icon-book-mark,
.icon-book-repeat,
.icon-book-success {
    width: 16px;
    height: 16px
}

.icon-book-fail {
    background-position: -26px -364px
}

.icon-book-mark {
    background-position: -292px -334px
}

.icon-book-repeat {
    background-position: -370px -282px
}

.icon-book-success {
    background-position: -370px -334px
}

.icon-book-tip {
    background-position: -397px -252px;
    width: 14px;
    height: 14px
}

.icon-cart {
    background-position: -163px -295px;
    width: 23px;
    height: 19px
}

.icon-checkbox {
    background-position: -422px -234px;
    width: 11px;
    height: 9px
}

.icon-chen {
    background-position: -62px -334px;
    width: 20px;
    height: 20px
}

.icon-classify-close {
    background-position: -422px -360px;
    width: 9px;
    height: 9px
}

.icon-clear {
    background-position: -397px -78px;
    width: 15px;
    height: 15px
}

.icon-close {
    background-position: -422px -92px;
    width: 12px;
    height: 12px
}

.icon-com-tip {
    background-position: -370px -230px;
    width: 16px;
    height: 16px
}

.icon-confirm-book {
    background-position: -242px -51px;
    width: 42px;
    height: 40px
}

.icon-confirm_jiao {
    background-position: -163px -364px;
    width: 18px;
    height: 10px
}

.icon-contact {
    background-position: -201px -245px;
    width: 27px;
    height: 24px
}

.icon-cue {
    background-position: -370px -204px;
    width: 16px;
    height: 16px
}

.icon-cur {
    background-position: -274px -364px;
    width: 5px;
    height: 8px
}

.icon-delete-remark-red {
    background-position: -422px -214px;
    width: 10px;
    height: 10px
}

.icon-delete-remark {
    background-position: -422px -194px;
    width: 10px;
    height: 10px
}

.icon-disable {
    background-position: -397px -300px;
    width: 14px;
    height: 14px
}

.icon-dropdown-d {
    background-position: -238px -364px;
    width: 8px;
    height: 8px
}

.icon-dropdown-u {
    background-position: -256px -364px;
    width: 8px;
    height: 8px
}

.icon-fail {
    background-position: -304px -66px;
    width: 56px;
    height: 56px
}

.icon-follow {
    background-position: -227px -171px;
    width: 49px;
    height: 16px
}

.icon-gotop {
    background-position: -230px -201px;
    width: 26px;
    height: 15px
}

.icon-gou {
    background-position: -35px -295px;
    width: 22px;
    height: 22px
}

.icon-green-tip {
    background-position: -78px -364px;
    width: 16px;
    height: 16px
}

.icon-header-hot {
    background-position: -242px -101px;
    width: 27px;
    height: 13px
}

.icon-header-new {
    background-position: -191px -201px;
    width: 29px;
    height: 15px
}

.icon-hongbao {
    background-position: -181px -334px;
    width: 19px;
    height: 19px
}

.icon-hongbao2 {
    background-position: -50px -245px;
    width: 32px;
    height: 30px
}

.icon-hot {
    background-position: -104px -364px;
    width: 21px;
    height: 11px
}

.icon-hotBooking {
    background-position: 0 0;
    width: 78px;
    height: 77px
}

.icon-huo {
    background-position: -370px 0;
    width: 17px;
    height: 22px
}

.icon-i-red-small {
    background-position: 0 -364px;
    width: 16px;
    height: 16px
}

.icon-i-red {
    background-position: 0 -245px;
    width: 40px;
    height: 40px
}

.icon-icon-chu {
    background-position: -422px 0;
    width: 13px;
    height: 15px
}

.icon-icon-dui {
    background-position: -318px -334px;
    width: 16px;
    height: 16px
}

.icon-icon-i {
    background-position: -227px -295px;
    width: 18px
}

.icon-icon-jiang {
    background-position: -129px -245px;
    width: 26px;
    height: 28px
}

.icon-icon-suc {
    background-position: -304px -192px;
    width: 45px;
    height: 40px
}

.icon-icon-time {
    background-position: -397px -276px;
    width: 14px;
    height: 14px
}

.icon-icon-warm {
    background-position: -266px -334px;
    width: 16px;
    height: 16px
}

.icon-icon-x {
    background-position: -422px -136px;
    width: 11px;
    height: 12px
}

.icon-icon_batch {
    background-position: -397px -153px;
    width: 15px;
    height: 15px
}

.icon-icon_cha {
    background-position: -397px -128px;
    width: 15px
}

.icon-icon_dao {
    background-position: -397px -103px;
    width: 15px;
    height: 15px
}

.icon-icon_dao2 {
    background-position: -397px -53px;
    width: 15px;
    height: 15px
}

.icon-icon_dui {
    background-position: -308px -245px;
    width: 22px;
    height: 22px
}

.icon-icon_jian {
    background-position: -370px -256px;
    width: 16px;
    height: 16px
}

.icon-icon_wen {
    background-position: -131px -295px;
    width: 22px;
    height: 22px
}

.icon-icon_x {
    background-position: -67px -295px;
    width: 22px;
    height: 22px
}

.icon-jian {
    background-position: -339px -295px;
    width: 19px;
    height: 16px
}

.icon-jiao {
    background-position: -397px -372px;
    width: 14px;
    height: 6px
}

.icon-jiaoDown {
    background-position: -191px -364px;
    width: 18px;
    height: 10px
}

.icon-jiaoTop {
    background-position: -422px -400px;
    width: 8px;
    height: 4px
}

.icon-jy-down {
    background-position: -176px -155px;
    width: 7px;
    height: 6px
}

.icon-jy-invite-12 {
    background-position: -196px -295px;
    width: 21px;
    height: 18px
}

.icon-jy-left {
    background-position: -422px -342px;
    width: 11px;
    height: 8px
}

.icon-link {
    background-position: -397px -348px;
    width: 14px;
    height: 14px
}

.icon-location {
    background-position: -92px -245px;
    width: 27px;
    height: 30px
}

.icon-login {
    background-position: -311px -295px;
    width: 18px;
    height: 18px
}

.icon-luckact {
    background-position: -139px -201px;
    width: 42px;
    height: 15px
}

.icon-modal-close-hover {
    background-position: -422px -114px;
    width: 12px;
    height: 12px
}

.icon-modal-close {
    background-position: -422px -48px;
    width: 12px;
    height: 12px
}

.icon-more {
    background-position: -370px -171px;
    width: 12px;
    height: 23px
}

.icon-moreAjax {
    background-position: -219px -364px;
    width: 9px;
    height: 8px
}

.icon-nav {
    background-position: -193px -155px;
    width: 8px;
    height: 5px
}

.icon-new {
    background-position: -266px -201px;
    width: 22px;
    height: 12px
}

.icon-next {
    background-position: -422px -379px;
    width: 7px;
    height: 11px
}

.icon-nextHover {
    background-position: -150px -139px;
    width: 7px;
    height: 11px
}

.icon-noBid {
    background-position: -176px -51px;
    width: 56px;
    height: 64px
}

.icon-noBid1 {
    background-position: 0 -171px;
    width: 56px;
    height: 64px
}

.icon-noBid2 {
    background-position: -165px -245px;
    width: 26px;
    height: 26px
}

.icon-noBid3 {
    background-position: -84px -87px;
    width: 56px;
    height: 64px
}

.icon-notice {
    background-position: -238px -334px;
    width: 18px;
    height: 16px
}

.icon-offer {
    background-position: -370px -144px;
    width: 17px;
    height: 17px
}

.icon-offerJiao {
    background-position: -279px -101px;
    width: 14px;
    height: 9px
}

.icon-out {
    background-position: 0 -334px;
    width: 21px;
    height: 20px
}

.icon-overflow {
    background-position: -88px 0;
    width: 78px;
    height: 77px
}

.icon-pre {
    background-position: -287px -125px;
    width: 7px;
    height: 11px
}

.icon-preHover {
    background-position: -286px -171px;
    width: 7px;
    height: 11px
}

.icon-promp {
    background-position: -210px -334px;
    width: 18px;
    height: 19px
}

.icon-q,
.icon-q1 {
    width: 15px;
    height: 15px
}

.icon-q {
    background-position: -397px -203px
}

.icon-q1 {
    background-position: -397px -178px
}

.icon-qaq {
    background-position: 0 -295px;
    width: 25px;
    height: 29px
}

.icon-qaq2 {
    background-position: -274px -245px;
    width: 24px;
    height: 24px
}

.icon-qaqJiao {
    background-position: -422px -319px;
    width: 7px;
    height: 13px
}

.icon-qzone {
    background-position: -344px -334px;
    width: 16px;
    height: 16px
}

.icon-radio {
    background-position: -370px -62px;
    width: 17px;
    height: 18px
}

.icon-red-tip {
    background-position: -150px -87px;
    width: 16px;
    height: 16px
}

.icon-search {
    background-position: -397px -27px;
    width: 15px;
    height: 16px
}

.icon-searchSubmit {
    background-position: -66px -171px;
    width: 63px;
    height: 50px
}

.icon-shi {
    background-position: -92px -334px;
    width: 20px;
    height: 20px
}

.icon-sina {
    background-position: -150px -113px;
    width: 16px;
    height: 16px
}

.icon-social {
    background-position: -238px -245px;
    width: 26px;
    height: 24px
}

.icon-sort,
.icon-sort-down,
.icon-sort-up {
    width: 8px;
    height: 12px
}

.icon-sort-down {
    background-position: -422px -253px
}

.icon-sort-up {
    background-position: -422px -275px
}

.icon-sort {
    background-position: -422px -297px
}

.icon-success {
    background-position: -304px 0;
    width: 56px;
    height: 56px
}

.icon-success1 {
    background-position: 0 -87px;
    width: 74px;
    height: 74px
}

.icon-success2 {
    background-position: -304px -132px;
    width: 50px;
    height: 50px
}

.icon-switch {
    background-position: -422px -70px;
    width: 12px;
    height: 12px
}

.icon-tabFoot {
    background-position: -176px 0;
    width: 118px;
    height: 41px
}

.icon-time {
    background-position: -283px -295px;
    width: 18px;
    height: 18px
}

.icon-top {
    background-position: -370px -117px;
    width: 17px;
    height: 17px
}

.icon-tqq {
    background-position: -370px -308px;
    width: 16px;
    height: 16px
}

.icon-tuijian {
    background-position: -397px 0;
    width: 15px;
    height: 17px
}

.icon-turn {
    background-position: -31px -334px;
    width: 21px;
    height: 20px
}

.icon-wen {
    background-position: -397px -324px;
    width: 14px;
    height: 14px
}

.icon-xianshi {
    background-position: -176px -125px;
    width: 101px;
    height: 20px
}

.icon-zhan {
    background-position: -422px -176px;
    width: 13px;
    height: 8px
}

[class*=" icon-"],
[class^=icon-] {
    background-image: url(../img/sprite.1685498358207.png)
}

.icon-zhanHover {
    background-position: -422px -158px;
    width: 13px;
    height: 8px
}

.ui-btn {
    background: #f9cb1a;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: visible;
    padding: 0 15px;
    transition: all .3s ease-in-out
}

.ui-input,
.ui-textarea {
    -webkit-transition: All .3s ease-in-out
}

.ui-btn:hover {
    background: #ff2b35
}

.ui-btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .1)
}

.ui-btn .icon {
    display: inline-block
}

.ui-btn .icon:first-child {
    padding: 0 3px 0 0
}

.ui-btn .icon:last-child {
    padding: 0 0 0 3px
}

.ui-btn-small {
    padding: 0 8px;
    height: 23px;
    line-height: 23px
}

.ui-btn-tip {
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    padding: 0 5px
}

.ui-btn-mid,
.ui-btn-primary {
    height: 34px;
    line-height: 34px
}

.ui-btn-border {
    background: #fff;
    color: #ff4f3f;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.ui-btn-border:hover {
    background: #ff4f3f;
    color: #fff
}

.ui-btn-mid {
    font-size: 16px
}

.ui-btn-primary {
    background: #f9cb1a;
    border: 1px solid #f9cb1a;
    font-size: 16px;
    width: 110px;
    padding: 0
}

.ui-btn-primary:hover {
    background: #5e88f4;
    border: 1px solid #5e88f4
}

.ui-btn-big {
    padding: 0;
    height: 38px;
    line-height: 38px;
    width: 140px;
    font-size: 16px
}

.ui-btn-big a {
    color: #fff
}

.ui-btn-mid {
    width: 110px;
    padding: 0
}

.ui-btn-borderBlue {
    background: #fff;
    border: 1px solid #f9cb1a;
    color: #0e77cc
}

.ui-btn-borderBlue:hover {
    background: #5e88f4;
    border: 1px solid #5e88f4
}

.ui-btn-blue-br {
    color: #f9cb1a;
    background: #fff;
    border: 1px solid #f9cb1a
}

.ui-btn-blue-br:hover {
    color: #fff;
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

.ui-btn-orange-br {
    color: #FE8916;
    background: #fff;
    border: 1px solid #FE8916
}

.ui-btn-orange-br:hover {
    color: #fff;
    background: #FE8916;
    border: 1px solid #FE8916
}

.ui-btn-cancel {
    background: #f9cb1a;
    border: 1px solid #eee;
    color: #fff
}

.ui-btn-cancel:hover {
    background: #fd2c35;
    border: 1px solid #f8f7f7;
    color: #fff
}

.ui-btn-disable,
.ui-btn-disable:hover {
    background: #b5b5b5!important;
    border: 1px solid #b5b5b5!important;
    color: #fff!important
}

.ui-btn-disable {
    cursor: not-allowed!important
}

.ui-btn-blue {
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

.ui-btn-blue:hover {
    background: #5e88f4;
    border: 1px solid #5e88f4
}

.ui-btn-white {
    background: #fff;
    border: 1px solid #d3d4d8;
    color: #888;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.ui-btn-white:hover {
    background: #fff;
    border-color: #888;
    color: #888
}

button[disabled],
html input[disabled],
html select[disabled] {
    background-color: #eee
}

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

textarea {
    resize: none
}

.ui-form .ui-labelBox,
.ui-form label {
    float: left;
    position: relative;
    min-width: 20px;
    min-height: 32px
}

.ui-form .ui-label {
    display: block;
    line-height: 32px;
    float: left;
    text-align: right;
    white-space: nowrap;
    padding-right: 10px
}

.ui-form .ui-label .offerPop {
    margin-top: 5px
}

.ui-form .ui-click-option {
    display: block;
    line-height: 24px;
    float: left;
    text-align: left;
    white-space: nowrap;
    color: #f9cb1a;
    padding: 0 12px;
    margin: 4px 2px 4px 3px
}

.ui-form .ui-click-option.active,
.ui-form .ui-click-option:hover {
    background: #4d7df0;
    color: #fff
}

.ui-input {
    height: 14px;
    line-height: 14px;
    padding: 8px 10px;
    float: left;
    color: #444;
    background: #fff;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: All .3s ease-in-out
}

.ui-input:focus,
.ui-input:hover {
    border-color: #0e77cc;
    -webkit-box-shadow: 'inset' 0 0 3px #0e77cc;
    -moz-box-shadow: 'inset' 0 0 3px #0e77cc;
    box-shadow: 'inset' 0 0 3px #0e77cc
}

.ui-input:-webkit-autofill {
    background: #fff
}

.ui-input::-webkit-input-placeholder {
    line-height: normal
}

.ui-input.ui-disable {
    background-color: #F4F4F4;
    cursor: not-allowed
}

.ui-input-disable {
    background: #f8f8f8;
    cursor: not-allowed
}

.ui-input-blue {
    background: #f5f8ff;
    border-color: #e0e6f6;
    padding: 7px 10px;
    width: 90px;
    color: #f9cb1a;
    font-weight: 700
}

.ui-input-date {
    background: url(../img/datePicker.gif) right center no-repeat #fff;
    cursor: default;
    font-size: 12px;
    padding-right: 27px;
    font-weight: 400!important
}

.ui-textarea {
    padding: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    transition: All .3s ease-in-out
}

.ui-textarea:focus,
.ui-textarea:hover {
    border-color: #0e77cc;
    -webkit-box-shadow: 'inset' 0 0 3px #0e77cc;
    -moz-box-shadow: 'inset' 0 0 3px #0e77cc;
    box-shadow: 'inset' 0 0 3px #0e77cc
}

.ui-textarea-disable {
    background: #f8f8f8;
    cursor: not-allowed
}

.ui-select {
    height: 30px;
    line-height: 28px;
    padding: 0 0 0 10px;
    vertical-align: middle;
    float: left;
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: All .3s ease-in-out;
    transition: All .3s ease-in-out
}

.ui-select:focus,
.ui-select:hover {
    border-color: #0e77cc;
    -webkit-box-shadow: 'inset' 0 0 3px #0e77cc;
    -moz-box-shadow: 'inset' 0 0 3px #0e77cc;
    box-shadow: 'inset' 0 0 3px #0e77cc
}

.ui-select i {
    position: absolute;
    top: 13px;
    right: 8px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed;
    border-color: #ccc transparent transparent
}

.ui-select-disable {
    background: #f8f8f8;
    cursor: not-allowed
}

.ui-checkbox,
.ui-radio {
    position: absolute;
    left: 0;
    top: 11px;
    width: 13px;
    height: 13px
}

.ui-floatCenter,
.ui-form-message,
.ui-labelBlock label,
.ui-sl-floatCenter {
    position: relative
}

.ui-checkbox-label,
.ui-radio-label {
    margin-left: 17px!important;
    text-align: left!important;
    width: auto!important
}

.l-form-error {
    border: 1px solid #f40
}

.ui-pagination .num.cur,
.ui-pagination .text {
    background: #fafafa;
    border: 1px solid #e9e9e9
}

.ui-form-message {
    height: 30px;
    line-height: 30px;
    margin: 0;
    color: #888;
    float: left
}

.ui-form-message .icon {
    padding: 0 5px 0 0
}

.ui-form-message .error {
    color: #ef0a00
}

.ui-pagination {
    padding: 20px;
    zoom: 1
}

.ui-pagination:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.ui-pagination .ui-floatCenter {
    height: 32px
}

.ui-pagination .num,
.ui-pagination .num.cur,
.ui-pagination .text {
    display: block;
    height: 16px;
    line-height: 16px;
    padding: 7px 11px
}

.ui-pagination a,
.ui-pagination span {
    float: left;
    margin: 0 5px
}

.ui-pagination span {
    cursor: default
}

.ui-pagination .next,
.ui-pagination .prev {
    background: #fff
}

.ui-pagination .prev {
    border-left: 1px solid #e9e9e9
}

.ui-floatCenter {
    overflow: hidden
}

.ui-sl-floatCenter {
    float: left;
    left: 50%
}

.ui-floatCenter-item {
    position: relative;
    right: 50%;
    float: left;
    margin: 0 10px
}


/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.4.0
 * @url https://github.com/feimosi/baguetteBox.js
 */

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
    top: 50%;
    margin-top: -30px;
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    transition: background-color .4s ease
}

.jcrop-dragbar.ord2-s,
.jcrop-handle.ord-s,
.jcrop-handle.ord-se,
.jcrop-handle.ord-sw {
    bottom: 0;
    margin-bottom: -4px
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.pre-2,
.pre-3 {
    margin-top: 13px
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.jc-demo-box,
.jcrop_w {
    width: 300px;
    height: 300px;
    overflow: hidden
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@keyframes bounceFromRight {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
}

@-webkit-keyframes bounceFromLeft {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@keyframes bounceFromLeft {
    0%,
    100% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.wrap {
    margin-left: 48px
}

.wl {
    float: left;
    width: 300px
}

.wr {
    float: left;
    margin-left: 26px;
    display: inline;
    color: #999;
    line-height: 24px
}

.jc-demo-box {
    position: relative;
    background-color: #e7e7e7;
    border: 1px solid #c8c8c8
}

.jcrop_w img {
    position: absolute
}

.pre-1,
.pre-2,
.pre-3 {
    border: 1px solid #c8c8c8;
    padding: 2px
}

.pre-1 {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.pre-2 {
    width: 50px;
    height: 50px;
    overflow: hidden
}

.pre-3 {
    width: 30px;
    height: 30px;
    overflow: hidden
}

.jcrop-holder {
    direction: ltr;
    text-align: left;
    -ms-touch-action: none
}

.jcrop-hline,
.jcrop-vline {
    font-size: 0;
    position: absolute
}

.jcrop-dragbar,
.jcrop-handle {
    font-size: 1px
}

.jcrop-vline {
    height: 100%;
    width: 1px!important
}

.jcrop-vline.right {
    right: 0
}

.jcrop-hline {
    height: 1px!important;
    width: 100%
}

.jcrop-hline.bottom {
    bottom: 0
}

.jcrop-tracker {
    height: 100%;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

.jcrop-dragbar.ord2-n,
.jcrop-dragbar.ord2-s {
    height: 7px;
    width: 100%
}

.jcrop-dragbar.ord2-e,
.jcrop-dragbar.ord2-w {
    height: 100%;
    width: 7px
}

.jcrop-dragbar.ord2-n {
    margin-top: -4px;
    top: 0;
    left: 0
}

.jcrop-dragbar.ord2-e {
    margin-right: -4px;
    right: 0
}

.jcrop-dragbar.ord2-w {
    margin-left: -4px;
    top: 0;
    left: 0
}

.jcrop-handle {
    background-color: #333;
    border: 1px solid #eee;
    width: 7px!important;
    height: 7px!important
}

.jcrop-handle.ord-n {
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-s {
    left: 50%;
    margin-left: -4px
}

.jcrop-handle.ord-e {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 50%
}

.jcrop-handle.ord-w {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 50%
}

.jcrop-handle.ord-nw {
    left: 0;
    margin-left: -4px;
    margin-top: -4px;
    top: 0
}

.jcrop-handle.ord-ne {
    margin-right: -4px;
    margin-top: -4px;
    right: 0;
    top: 0
}

.jcrop-handle.ord-se {
    margin-right: -4px;
    right: 0
}

.jcrop-handle.ord-sw {
    left: 0;
    margin-left: -4px
}

.jcrop-light .jcrop-hline,
.jcrop-light .jcrop-vline {
    background: #fff;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-light .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #000;
    border-color: #fff;
    border-radius: 3px
}

.jcrop-dark .jcrop-hline,
.jcrop-dark .jcrop-vline {
    background: #000;
    filter: alpha(opacity=70)!important;
    opacity: .7!important
}

.jcrop-dark .jcrop-handle {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #fff;
    border-color: #000;
    border-radius: 3px
}

.solid-line .jcrop-hline,
.solid-line .jcrop-vline {
    background: #fff
}

.jcrop-holder img,
img.jcrop-preview {
    max-width: none
}

@font-face {
    font-family: jedatefont;
    src: url(jedatefont.eot?t=1510763148800);
    src: url(jedatefont.eot?t=1510763148800#iefix) format('embedded-opentype'), url(jedatefont.woff?t=1510763148800) format('woff'), url(jedatefont.ttf?t=1510763148800) format('truetype'), url(jedatefont.svg?t=1510763148800#jedatefont) format('svg')
}

.jedatefont {
    font-family: jedatefont!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jedate,
.jedate * {
    margin: 0;
    padding: 0;
    font-family: PingFangSC-Light, 'PingFang SC', 'Segoe UI', 'Lucida Grande', NotoSansHans-Light, 'Microsoft YaHei', '\5FAE\8F6F\96C5\9ED1', STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif
}

.jedate {
    height: auto;
    font-size: 12px;
    cursor: default;
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    background-color: #fff
}

.jedate * {
    list-style-type: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-style: normal
}

.jedate table td,
.jedate table thead {
    border: 1px solid #fff
}

.jedate dl,
.jedate li,
.jedate ol,
.jedate ul {
    list-style-type: none;
    font-style: normal;
    font-weight: 300
}

.jedate .yearprev {
    left: 0;
    font-size: 14px
}

.jedate .monthprev {
    left: 25px;
    font-size: 14px
}

.jedate .yearnext {
    right: 0;
    font-size: 14px
}

.jedate .monthnext {
    right: 25px;
    font-size: 14px
}

.jedate .jedate-tips {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 800;
    width: 200px;
    margin-left: -100px;
    line-height: 20px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
    color: red;
    background-color: #FFFEF4;
    border: 1px solid #f7ce39;
    display: none
}

.jedate .timecontent ul::-webkit-scrollbar,
.jedate-menu::-webkit-scrollbar {
    height: 6px;
    width: 6px;
    margin-right: 5px;
    background-color: #f5f5f5;
    transition: all .3s ease-in-out;
    border-radius: 0
}

.jedate .timecontent ul::-webkit-scrollbar-track,
.jedate-menu::-webkit-scrollbar-track {
    -webkit-border-radius: 0;
    border-radius: 0
}

.jedate .timecontent ul::-webkit-scrollbar-thumb,
.jedate-menu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, .5)
}

.jedate .timecontent ul::-webkit-scrollbar-thumb:hover,
.jedate-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .6)
}

.jedate .timecontent ul::-webkit-scrollbar-thumb:active,
.jedate-menu::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, .8)
}

.jedate .timecontent ul::-webkit-scrollbar-thumb:window-inactive,
.jedate-menu::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, .4)
}

.jedate .jedate-hmsmask {
    width: 100%;
    display: block;
    background-color: rgba(0, 0, 0, .7);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 36px;
    z-index: 100
}

.jedatetipscon {
    color: #333;
    float: left;
    overflow: hidden;
    background-color: #FFFEF4;
    line-height: 22px;
    padding: 6px;
    border: 1px solid #f7ce39;
    font-style: normal;
    font-family: Arial, "\5b8b\4f53", sans-serif;
    font-size: 12px;
    font-weight: 300
}

.jedatetipscon p {
    padding: 0;
    margin: 0;
    font-size: 12px
}

.jedatetipscon p.red {
    color: red
}

.jedate.leftmenu {
    padding-left: 90px
}

.jedate .jedate-menu {
    width: 90px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: #f2f2f2;
    border-right: 1px solid #efefef;
    border-radius: 4px 0 0 4px;
    overflow: auto;
    display: block;
    padding: 4px 0
}

.jedate .jedate-menu p {
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
    overflow: hidden;
    font-size: 12px;
    cursor: pointer
}

.jedate .jedate-menu p:hover {
    background-color: #00A680;
    color: #FFF
}

.jedate .jedate-wrap {
    min-width: 230px;
    background: #fff;
    overflow: hidden
}

.jedate .jedate-pane {
    width: 230px;
    float: left;
    overflow: hidden
}

.jedate .jedate-header {
    width: 100%;
    height: 36px;
    line-height: 36px;
    float: left;
    background-color: #f2f2f2;
    text-align: center;
    font-size: 14px;
    padding: 0 50px;
    position: relative
}

.jedate .jedate-header em {
    width: 25px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    color: #666;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

.jedate .jedate-header .ymbtn {
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px
}

.jedate .jedate-content {
    width: 100%;
    height: 220px;
    float: left;
    padding: 5px;
    overflow: hidden
}

.jedate .jedate-content.bordge {
    border-left: 1px #e9e9e9 solid
}

.jedate .jedate-content .monthtable,
.jedate .jedate-content .yeartable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff
}

.jedate .jedate-content .monthtable td,
.jedate .jedate-content .yeartable td {
    width: 73px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 14px
}

.jedate .jedate-content .monthtable td span,
.jedate .jedate-content .yeartable td span {
    padding: 8px 10px;
    border: 1px solid #fff
}

.jedate .jedate-content .monthtable td.action span,
.jedate .jedate-content .monthtable td.action span:hover,
.jedate .jedate-content .yeartable td.action span,
.jedate .jedate-content .yeartable td.action span:hover {
    background-color: #00A680;
    border: 1px solid #00A680;
    color: #fff
}

.jedate .jedate-content .monthtable td span:hover,
.jedate .jedate-content .yeartable td span:hover {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2
}

.jedate .jedate-content .monthtable td.disabled span,
.jedate .jedate-content .monthtable td.disabled span:hover,
.jedate .jedate-content .yeartable td.disabled span,
.jedate .jedate-content .yeartable td.disabled span:hover {
    color: #bbb;
    background-color: #fff;
    border: 1px solid #fff
}

.jedate .jedate-content .monthtable td.contain span,
.jedate .jedate-content .monthtable td.contain span:hover,
.jedate .jedate-content .yeartable td.contain span,
.jedate .jedate-content .yeartable td.contain span:hover {
    background-color: #D0F0E3;
    border: 1px solid #D0F0E3
}

.jedate.grid .daystable td,
.jedate.grid .daystable thead {
    border: 1px solid #f2f2f2
}

.jedate .jedate-content .daystable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #fff
}

.jedate .jedate-content .daystable thead {
    background-color: #fff
}

.jedate .jedate-content .daystable th {
    width: 31px;
    height: 27px;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    font-weight: 400
}

.jedate .jedate-content .daystable td,
.jedate .jedate-content .daystable td .nolunar,
.jedate .jedate-content .daystable td .solar {
    font-size: 14px;
    font-family: Arial, "\5b8b\4f53", sans-serif
}

.jedate .jedate-content .daystable td {
    width: 31px;
    height: 30px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.jedate .jedate-content .daystable td .nolunar {
    line-height: 29px
}

.jedate .jedate-content .daystable td .solar {
    height: 14px;
    line-height: 14px;
    padding-top: 2px;
    display: block
}

.jedate .jedate-content .daystable td .lunar {
    height: 15px;
    line-height: 15px;
    font-size: 12px;
    overflow: hidden;
    display: block;
    font-family: Arial, "\5b8b\4f53", sans-serif;
    color: #888;
    transform: scale(.95)
}

.jedate .jedate-content .daystable td.action,
.jedate .jedate-content .daystable td.action .lunar,
.jedate .jedate-content .daystable td.action:hover {
    background-color: #00A680;
    color: #fff
}

.jedate .jedate-content .daystable td.other,
.jedate .jedate-content .daystable td.other .lunar,
.jedate .jedate-content .daystable td.other .nolunar {
    color: #0DA
}

.jedate .jedate-content .daystable td.disabled,
.jedate .jedate-content .daystable td.disabled .lunar,
.jedate .jedate-content .daystable td.disabled .nolunar {
    color: #bbb
}

.jedate .jedate-content .daystable td.contain,
.jedate .jedate-content .daystable td.contain:hover {
    background-color: #0DA;
    color: #fff
}

.jedate .jedate-content .daystable td.disabled:hover {
    background-color: #fff
}

.jedate .jedate-content .daystable td:hover {
    background-color: #f2f2f2
}

.jedate .jedate-content .daystable td.red {
    color: red
}

.jedate .jedate-content .daystable td .marks {
    width: 5px;
    height: 5px;
    background-color: red;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 2px;
    top: 4px
}

.jedate .jedate-content .daystable td.action .marks {
    width: 5px;
    height: 5px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 2px;
    top: 4px
}

.jedate .jedate-time {
    overflow: hidden;
    padding-bottom: 4px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 150
}

.jedate .jedate-time .timepane {
    width: 230px;
    float: left
}

.jedate .jedate-time .timeheader {
    width: 100%;
    float: left;
    height: 36px;
    line-height: 36px;
    background-color: #f2f2f2;
    text-align: center;
    font-size: 14px;
    position: relative
}

.jedate .jedate-time .timecontent {
    width: 100%;
    float: left
}

.jedate .jedate-time .hmstitle {
    width: 211px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 4px;
    text-align: center
}

.jedate .jedate-time .hmstitle p {
    width: 33.33%;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 13px
}

.jedate .jedate-time .hmslist {
    width: 211px;
    margin: 0 auto 6px;
    border: 1px solid #ddd;
    border-right: none;
    overflow: hidden
}

.jedate .jedate-time .hmslist .hmsauto {
    height: 100%;
    margin: 0;
    text-align: center
}

.jedate .jedate-time .hmslist ul {
    width: 70px;
    height: 174px;
    float: left;
    border-right: 1px solid #ddd;
    overflow: hidden
}

.jedate .jedate-time .hmslist .hmsauto:hover ul {
    overflow-y: auto
}

.jedate .jedate-time .hmslist ul li {
    width: 130%;
    padding-left: 26px;
    text-align: left;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    font-family: Arial, "\5b8b\4f53", sans-serif
}

.jedate .jedate-time .hmslist ul li:hover {
    background-color: #F2F2F2
}

.jedate .jedate-time .hmslist ul li.action,
.jedate-time .hmslist ul li.action:hover {
    background-color: #00A680;
    color: #fff
}

.jedate .jedate-time .hmslist ul li.disabled {
    background-color: #fbfbfb;
    color: #ccc
}

.jedate .jedate-time .hmslist ul li.disabled.action {
    background-color: #00A680;
    color: #FFF;
    filter: alpha(opacity=30);
    opacity: .3
}

.jedate .jedate-footbtn {
    height: 36px;
    padding: 0 6px;
    border-top: 1px #e9e9e9 solid;
    overflow: hidden
}

.jedate .jedate-footbtn .btnscon span,
.jedate .jedate-footbtn .timecon {
    padding: 0 5px;
    background-color: #00A680;
    line-height: 28px;
    overflow: hidden;
    display: block;
    color: #fff
}

.jedate .jedate-footbtn .timecon {
    float: left;
    font-size: 12px;
    margin-top: 4px;
    border-radius: 4px
}

.jedate .jedate-footbtn .btnscon {
    line-height: 28px;
    margin-top: 4px;
    display: block;
    float: right;
    font-size: 12px;
    border-radius: 4px;
    overflow: hidden
}

.jedate .jedate-footbtn .btnscon span {
    float: left;
    border-right: 1px #fff solid;
    height: 28px;
    text-align: center
}

.jedate .jedate-footbtn .btnscon span:last-child {
    border-right: none
}

.l-ui {
    position: fixed
}

.l-ui tr {
    line-height: normal
}

.l-ui-lock {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 99998;
    opacity: .5
}

.l-dialog-close,
.l-pop-close {
    top: 15px;
    right: 15px;
    overflow: hidden
}

.l-grid,
.l-grid-loading {
    z-index: 2
}

.l-radio {
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(../images/l-radio.gif) no-repeat
}

.l-radio:hover {
    background-position: -13px 0
}

.l-radio.l-radio-disabled {
    background-position: -39px 0
}

.l-radio-selected {
    background-position: 0 -13px
}

.l-radio-selected:hover {
    background-position: -13px -13px
}

.l-radio-selected.l-radio-disabled {
    background-position: -39px -13px
}

.l-dialog-table {
    width: auto
}

.l-dialog-table tr {
    border: 0
}

.l-dialog-border {
    opacity: .5;
    font-size: 0;
    padding: 0;
    border: 0
}

.l-dialog-border-bottom,
.l-dialog-border-top {
    height: 0
}

.l-dialog-border-left,
.l-dialog-border-right {
    width: 0
}

.l-dialog-main {
    background: #fff;
    border: 3px solid #b2b2b2!important;
    padding: 0 0 20px
}

.l-dialog-close {
    position: absolute;
    cursor: pointer
}

.l-dialog-close i {
    font-size: 20px;
    color: #fff
}

.l-dialog-title {
    height: 50px;
    line-height: 50px;
    background: #f0f0f0;
    font-size: 14px;
    color: #333;
    cursor: move;
    padding: 0 10px
}

.l-dialog-content {
    padding: 15px;
    position: relative;
    text-align: center
}

.l-dialog-icon {
    display: none
}

.l-dialog-btnWrap {
    height: 41px;
    padding: 0 0 15px
}

#l-dialog-iframe {
    border: 0
}

.l-dialog-ok {
    background: #f60;
    border: 1px solid #f60
}

.l-dialog-ok:hover {
    background: #e15b02;
    border: 1px solid #e15b02
}

.l-dialog-no {
    background: #505050;
    border: 1px solid #505050
}

.l-dialog-no:hover {
    background: #403f3f;
    border: 1px solid #403f3f
}

.l-dialog-prompt {
    border: 1px solid #949494;
    background: #fff;
    padding: 15px 15px 15px 40px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.l-pop-table {
    width: auto
}

.l-pop-border {
    height: 0;
    width: 0;
    background: 0 0
}

.l-pop-table td,
.l-pop-table tr {
    border: none;
    padding: 0
}

.l-pop-main {
    background: #fff;
    border-left: 1px solid #e0e9fd!important;
    border-bottom: 1px solid #e0e9fd!important;
    border-right: 1px solid #e0e9fd!important;
    border-top: 3px solid #f9cb1a!important
}

.l-pop-close {
    position: absolute;
    cursor: pointer
}

.l-pop-close i {
    font-size: 15px;
    color: #fff
}

.l-pop-title {
    height: 43px;
    line-height: 43px;
    background: #f5f8ff;
    font-size: 14px;
    color: #444;
    cursor: move;
    padding: 0 10px 0 14px;
    font-weight: 600
}

.l-pop-content {
    margin: 25px 15px 15px;
    overflow: auto;
    position: relative;
    line-height: 24px
}

.l-pop-contentIframe {
    margin: 0
}

.l-pop-main .l-pop-btnWrap {
    padding: 0 0 30px
}

#l-pop-iframe {
    border: 0
}

.l-grid,
.l-grid-header table,
.l-grid-header th,
.l-grid-popup {
    border: 1px solid #ff4f3f
}

.ui-floatCenter {
    height: 34px
}

.simple-tip-pop table {
    font-size: 16px
}

.l-grid {
    position: relative;
    background: #fff
}

.l-checkbox {
    display: block;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background: url(../img/l-checkbox.gif) no-repeat
}

.l-grid-loading,
.l-grid-loadingBg,
.l-grid-loadingIco {
    width: 100%;
    height: 100%;
    position: absolute
}

.l-checkbox:hover {
    background-position: -13px 0
}

.l-checkbox.l-checkbox-disabled {
    background-position: -39px 0
}

.l-checkbox-selected {
    background-position: 0 -13px
}

.l-checkbox-selected:hover {
    background-position: -13px -13px
}

.l-checkbox-selected.l-checkbox-disabled {
    background-position: -39px -13px
}

.l-grid-loadingBg {
    top: 0;
    left: 0;
    filter: alpha(opacity=10);
    opacity: .1;
    background: #555
}

.l-grid-loadingIco {
    top: 0;
    left: 0;
    background: url(../img/l-loading.gif) center no-repeat
}

.l-grid-row-detailbtn {
    display: block;
    width: 11px;
    height: 11px;
    cursor: pointer;
    margin: 1px
}

.l-grid-row-detailbtn-open {
    background: url(../img/l-grid-detail-open.gif)
}

.l-grid-row-detailbtn-close {
    background: url(../img/l-grid-detail-close.gif)
}

.l-grid-popup {
    position: absolute;
    top: 29px;
    z-index: 2;
    background: #fff;
    padding: 5px;
    display: none
}

.l-grid-popup .l-checkbox {
    float: left;
    margin: 3px 5px 0 0
}

.l-grid-popup .l-grid-popup-text {
    float: left;
    cursor: pointer
}

.l-grid-header table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 12px;
    color: #343434
}

.l-grid-header th {
    background: #f5f5f5;
    padding: 0;
    font-weight: 400
}

.l-grid-hd-cell-sort:hover {
    background: #e1f0fa
}

.l-grid-hd-cell-inner {
    color: #666;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    line-height: 16px
}

.l-grid-hd-cell-sortWrap {
    cursor: pointer
}

.l-grid-hd-cell-inner span {
    position: relative;
    display: inline-block
}

.l-grid-hd-cell-inner span .icon {
    position: absolute;
    top: -7px;
    left: 0
}

.l-grid-hd-cell-inner span .icon-angle-up {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed;
    border-color: #999 transparent transparent
}

.l-grid-hd-cell-inner span .icon-angle-down {
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: dashed dashed solid;
    border-color: transparent transparent #999;
    top: -12px
}

.l-grid1 {
    float: left;
    position: relative;
    z-index: 1;
    height: 100%
}

.l-grid1 th {
    width: 30px
}

.l-sl-grid2 {
    width: 100%;
    position: relative
}

.l-grid-body table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #ff4f3f;
    font-size: 12px;
    color: #333;
    background-color: #fff
}

.l-grid-body td {
    border: 1px solid #ff4f3f;
    padding: 0
}

.l-grid1 table,
.l-grid1 td,
.l-grid1 th,
.l-grid1 tr,
.l-grid2 td,
.l-grid2 th {
    border-left: 0 none
}

.l-grid-row-cell-inner {
    padding: 5px 10px;
    line-height: 16px
}

.l-grid-align-left {
    text-align: left
}

.l-grid-align-right {
    text-align: right
}

.l-grid-align-center,
.l-grid-nullText {
    text-align: center
}

.l-grid2 table,
.l-grid2 tr {
    border-left: 0 none;
    border-right: 0 none
}

.l-grid2 td:last-child,
.l-grid2 th:last-child {
    border-right: 0 none
}

.l-grid-header table,
.l-grid-header th,
.l-grid-header tr {
    border-top: 0 none;
    border-bottom: 0 none
}

.l-grid-row-even {
    background: #fbfbfb
}

.l-grid-row-hover,
.l-grid-row-selected {
    background: #e1f0fa
}

.l-grid-row-statis {
    background: #f1f1f1
}

.l-grid-footer {
    height: 44px;
    background: #fff
}

.l-grid-footer-page-select {
    float: left;
    margin: 6px 0
}

.l-grid-footer-page-select .ui-select {
    padding: 0
}

.l-grid-footer-btns {
    float: left;
    padding: 7px 10px
}

.l-grid-footer-btns .l-checkbox {
    float: left;
    margin: 9px 0 0
}

.l-grid-footer-btns .l-grid-footer-checkbox-detail {
    margin-left: 34px
}

.l-grid-footer-btns .ui-btn {
    margin: 0 0 0 10px
}

.l-grid-footer-page {
    float: right
}

.l-grid-footer-page-btn {
    float: left;
    padding: 6px 10px 6px 5px
}

.l-grid-footer-page-msg {
    float: left;
    line-height: 44px
}

.l-grid-nullText {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    height: 50px;
    line-height: 50px
}

.l-scroll-wrap {
    height: 640px;
    width: 323px;
    overflow: hidden
}

.l-scroll-contentWrap {
    float: left
}

.l-scroll-btnWrap {
    width: 0;
    margin-left: 9px;
    float: left;
    border: 1px solid #eaeaea;
    position: relative
}

.l-scroll-btn,
.l-tip,
.l-tipArrow {
    position: absolute
}

.l-scroll-btn {
    width: 8px;
    height: 160px;
    background: #f9f9f9;
    border: 1px solid #d8d8d8;
    left: -5px;
    top: 1px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.l-tip {
    display: block;
    top: 20px;
    right: -70px;
    z-index: 995;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 0 10px rgba(206, 206, 206, .5);
    -moz-box-shadow: 0 0 10px rgba(206, 206, 206, .5);
    box-shadow: 0 0 10px rgba(206, 206, 206, .5)
}

.l-tip .l-tipMain {
    padding: 10px;
    line-height: 1.5;
    text-align: left;
    color: #666;
    background: #fff
}

.l-tipMain-message {
    padding-left: 12px;
    color: #000;
    font-size: 12px
}

.l-tipArrow {
    background: url(../images/l-tip-arrow.gif) no-repeat;
    overflow: hidden
}

.l-tipArrow-topBottom {
    width: 19px;
    height: 8px
}

.l-tipArrow-topLeft {
    top: -8px;
    left: 4px;
    background-position: -13px 0
}

.l-tipArrow-topRight {
    top: -8px;
    right: 4px;
    background-position: -13px 0
}

.l-tipArrow-bottomLeft {
    bottom: -8px;
    left: 4px;
    background-position: -13px -39px
}

.l-tipArrow-bottomRight {
    bottom: -8px;
    right: 4px;
    background-position: -13px -39px
}

.l-tipArrow-leftRight {
    width: 5px;
    height: 9px
}

.l-tipArrow-leftBottom {
    bottom: 8px;
    left: -9px;
    background-position: 0 -9px
}

.l-tipArrow-leftTop {
    top: 8px;
    left: -9px;
    background-position: 0 -9px
}

.l-tipArrow-rightTop {
    top: 8px;
    right: -9px;
    background-position: -24px -9px
}

.l-tipArrow-rightBottom {
    bottom: 8px;
    right: -9px;
    background-position: -24px -9px
}

.l-suggestion {
    position: relative
}

.l-suggestion .l-suggestion-list {
    position: absolute;
    left: 0;
    background: #fff;
    border: 1px solid #ccc
}

.l-suggestion .l-suggestion-list li {
    padding: 5px 10px
}

.l-suggestion .l-suggestion-list li.cur {
    background: #3498db;
    color: #fff;
    cursor: pointer
}

a,
body {
    color: #333
}

html {
    height: 100%;
    background: #f8f8f8;
    overflow-y: auto
}

body {
    font: 14px/1.5em Microsoft YaHei, \5fae\8f6f\96c5\9ed1, \5b8b\4f53, Arial;
    width: 100%;
    min-width: 1200px
}

input,
select,
table,
textarea {
    font-size: 14px
}

input,
select {
    vertical-align: middle
}

fieldset,
img {
    border: 0
}

table {
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.main,
.main1200 {
    margin: 0 auto;
    width: 1200px;
    zoom: 1
}

button[disabled],
html input[disabled] {
    cursor: default
}

a:hover {
    color: #f60
}

.center {
    text-align: center!important
}

.col-white {
    color: #fff
}

.textCenter {
    text-align: center
}

.main:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.main1200 {
    background: #fff
}

.main1200:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.lt-main {
    width: 1200px;
    margin: 30px auto;
    zoom: 1
}

.lt-main:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.none {
    display: none
}

.disinline,
.l-q,
.nowrap,
.w_90 {
    display: inline-block
}

.bg {
    background: #f8f8f8
}

.bold {
    font-weight: 600
}

.fw-normal {
    font-weight: 400
}

.w_40 {
    width: 40px!important
}

.w_50 {
    width: 50px!important
}

.w_70 {
    width: 70px!important
}

.w_80 {
    width: 80px!important
}

.w_90 {
    width: 90px!important
}

.w_100 {
    width: 100px!important
}

.w_102 {
    width: 102px!important
}

.w_120 {
    width: 120px!important
}

.w_140 {
    width: 140px!important
}

.w_150 {
    width: 150px!important
}

.w_155 {
    width: 155px!important
}

.w_160 {
    width: 160px!important
}

.w_180 {
    width: 180px!important
}

.w_200 {
    width: 200px!important
}

.w_220 {
    width: 220px!important
}

.w_245 {
    width: 245px!important
}

.w_300 {
    width: 300px!important
}

.w_350 {
    width: 350px!important
}

.w_356 {
    width: 356px!important
}

.w_500 {
    width: 500px!important
}

.w_1100 {
    width: 1100px!important
}

.mt0 {
    margin-top: 0!important
}

.mt-3 {
    margin-top: -3px!important
}

.mt5 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt50 {
    margin-top: 50px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr10 {
    margin-right: 10px!important
}

.mr5 {
    margin-right: 5px!important
}

.ml5 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml35 {
    margin-left: 35px!important
}

.ml120 {
    margin-left: 120px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml60 {
    margin-left: 60px!important
}

.pt0 {
    padding-top: 0!important
}

.pt20 {
    padding-top: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl50 {
    padding-left: 50px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.lh24 {
    line-height: 24px
}

.lh34 {
    line-height: 34px
}

.col-blue {
    color: #f9cb1a!important
}

.col-blue1 {
    color: #9eb0de
}

.col-orange {
    color: #f9cb1a!important
}

.col-orange2 {
    color: #ff804e!important
}

.col-orange3 {
    color: #ff6224!important
}

.col-yellow {
    color: #f9cb1a!important
}

.col-yellow3 {
    color: #ff6a00!important
}

.col-red {
    color: #e53935!important
}

.col-red2 {
    color: #f9cb1a!important
}

.col-red3 {
    color: #f66f6a!important
}

.col-success {
    color: #01bfcf!important
}

.col-gray {
    color: #999
}

.col-gray6 {
    color: #666!important
}

.col-gray4 {
    color: #444!important
}

.col-gray7 {
    color: #777!important
}

.col-gray9 {
    color: #999!important
}

.col-green {
    color: #83c44e!important
}

.col-green2 {
    color: #5db027!important
}

.col-liggray {
    color: #b0b4bd!important
}

.col-liggray2 {
    color: #a6abbb!important
}

.col-deepgray {
    color: #555862!important
}

.bg-white {
    background-color: #fff
}

.tleft {
    text-align: left
}

.tright {
    text-align: right
}

.nowrap {
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

#l-ui-wrap {
    position: absolute;
    top: 0;
    left: 60px
}

#l-ui-wrap div.l-ui-default {
    margin-left: -250px!important
}

.l-q {
    position: relative
}

.l-q .icon-q {
    cursor: pointer
}

.l-q .icon-jiaoDown {
    position: absolute;
    bottom: -9px;
    left: 85px;
    margin-left: -9px
}

.l-q .l-q-pop {
    position: absolute;
    bottom: 40px;
    left: -77px;
    min-width: 180px
}

.l-q .l-q-pop .l-q-pop-box {
    padding: 5px 10px;
    border: 1px solid #ececec;
    background: #f8f8f8;
    line-height: 18px;
    font-size: 13px;
    height: 40px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.icon-icon-i {
    height: 20px
}

.icon-icon_cha {
    height: 19px
}

.com-tit {
    height: 42px;
    padding: 20px 0 0;
    line-height: 42px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 18px
}

.com-lt-left {
    width: 800px;
    float: left;
    padding: 0 40px;
    margin: 30px 0;
    border-right: 1px solid #f1f1f1;
    zoom: 1
}

.com-lt-left:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.com-lt-right {
    width: 258px;
    float: right;
    padding: 0 30px;
    margin: 30px 0
}

.com-rule {
    margin: 20px 0;
    line-height: 25px;
    font-size: 14px
}

.dian-ora {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    background-color: #f9cb1a;
    margin-right: 10px
}

.abs-box {
    position: absolute;
    top: -30px;
    left: 45%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.tip-ora {
    min-width: 100px;
    padding: 0 15px 0 5px;
    font-size: 12px;
    color: #f9cb1a;
    background: #fff8f5;
    line-height: 26px;
    border: 1px solid #ffcdb8;
    position: relative
}

.tip-ora:after,
.tip-ora:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: #ffcdb8 transparent transparent;
    bottom: -16px;
    left: 50%;
    margin-left: -8px
}

.tip-ora:after {
    bottom: -15px;
    border-color: #fff8f5 transparent transparent
}

.tip-ora .icon-icon-x {
    position: absolute;
    right: 5px;
    top: 8px
}

.icon {
    margin-top: -2px;
    margin-right: 3px
}

[class*=" mod"] [class*=" mod"]:before,
[class^=mod] [class^=mod]:before {
    display: block;
    content: '模块可以继承，但禁止相互嵌套，请遵循 CSS Mod 规范';
    color: red;
    background: #ff0
}

[class*=" mod-breadcrumb"],
[class^=mod-breadcrumb] {
    zoom: 1;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f0f0f0;
    background: #fff
}

[class*=" mod-breadcrumb"]:after,
[class^=mod-breadcrumb]:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

[class*=" mod-breadcrumb"] span,
[class^=mod-breadcrumb] span {
    color: #666
}

[class*=" mod-breadcrumb"] a,
[class^=mod-breadcrumb] a {
    color: #999
}

[class*=" mod-breadcrumb"] a.cur,
[class^=mod-breadcrumb] a.cur {
    color: #f9cb1a
}

[class*=" mod-breadcrumb"] em,
[class^=mod-breadcrumb] em {
    display: inline-block;
    padding: 0 3px
}

[class*=" mod-breadcrumb"] .offerPop.icon-i,
[class^=mod-breadcrumb] .offerPop.icon-i {
    width: auto;
    max-width: 900px;
    float: right;
    padding: 3px 0;
    border: none;
    background: #fff
}

[class*=" mod-breadcrumb"] .offerPop.icon-i .v-gundong,
[class^=mod-breadcrumb] .offerPop.icon-i .v-gundong {
    padding: 0
}

[class*=" mod-breadcrumb"] .offerPop.icon-i .icon-boo,
[class^=mod-breadcrumb] .offerPop.icon-i .icon-boo {
    margin: 7px
}

.mask:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: .4;
    z-index: 96
}

[class*=" mod-table"],
[class^=mod-table] {
    padding: 20px 44px;
    background: #fff
}

[class*=" mod-table"] .fistTd,
[class^=mod-table] .fistTd {
    display: inline-block;
    padding-left: 10px;
    float: left
}

[class*=" mod-table"] .pl10,
[class^=mod-table] .pl10 {
    padding-left: 10px
}

[class*=" mod-table"] .pl20,
[class^=mod-table] .pl20 {
    padding-left: 20px
}

[class*=" mod-table"] .pl30,
[class^=mod-table] .pl30 {
    padding-left: 30px
}

[class*=" mod-table"] .pl35,
[class^=mod-table] .pl35 {
    padding-left: 35px
}

[class*=" mod-table"] .icon-new,
[class^=mod-table] .icon-new {
    position: absolute;
    right: 0;
    top: 6px
}

[class*=" mod-table"] .yuan,
[class^=mod-table] .yuan {
    display: inline-block;
    width: 50px;
    height: 16px;
    background: url(../img/0.gif) no-repeat;
    vertical-align: middle;
    margin: 0 0 0 10px
}

[class*=" mod-table"] table,
[class^=mod-table] table {
    width: 100%
}

[class*=" mod-table"] table .textLeft,
[class^=mod-table] table .textLeft {
    text-align: left
}

[class*=" mod-table"] table th,
[class^=mod-table] table th {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    color: #696464;
    background: #fff;
    font-size: 16px;
    text-align: center
}

[class*=" mod-table"] table .w_140,
[class^=mod-table] table .w_140 {
    position: relative
}

[class*=" mod-table"] table .error,
[class^=mod-table] table .error {
    color: #e53935;
    text-align: left;
    font-size: 12px;
    position: absolute;
    top: 30px;
    left: 10px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

[class*=" mod-table"] table .icon-sort.up,
[class^=mod-table] table .icon-sort.up {
    background-position: -422px -275px
}

[class*=" mod-table"] table .icon-sort.down,
[class^=mod-table] table .icon-sort.down {
    background-position: -422px -253px
}

[class*=" mod-table"] table td,
[class^=mod-table] table td {
    line-height: 26px;
    padding: 10px 0;
    text-align: center;
    color: #696464;
    position: relative
}

[class*=" mod-table"] table td .inp,
[class^=mod-table] table td .inp {
    border: 1px solid #cdcdcd;
    background-color: #f8f8f8;
    color: #666;
    width: 70px;
    line-height: 23px;
    vertical-align: middle
}

[class*=" mod-table"] table td.td-nowrap,
[class^=mod-table] table td.td-nowrap {
    white-space: nowrap
}

[class*=" mod-table"] table tr.cur,
[class^=mod-table] table tr.cur {
    background: #fbfbfb
}

[class*=" mod-table"] table tr:hover,
[class^=mod-table] table tr:hover {
    transition: all .2s ease-in-out;
    background: #f7f9ff!important
}

[class*=" mod-table"] table tr.disable,
[class^=mod-table] table tr.disable {
    background: #f3f3f3!important
}

[class*=" mod-table"] table tr.disable .col-yellow,
[class*=" mod-table"] table tr.disable td,
[class^=mod-table] table tr.disable .col-yellow,
[class^=mod-table] table tr.disable td {
    color: #999!important
}

[class*=" mod-table"] table .floatingtip,
[class^=mod-table] table .floatingtip {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #333;
    border-radius: 4px;
    max-width: 205px;
    width: max-content;
    line-height: normal;
    text-align: left;
    font-size: 12px;
    padding: 5px 8px;
    top: 30px;
    left: -40px;
    z-index: 10
}

[class*=" mod-table"] table .tip,
[class^=mod-table] table .tip {
    line-height: 22px;
    text-align: left
}

[class*=" mod-table"] .icon-disable,
[class^=mod-table] .icon-disable {
    vertical-align: middle;
    margin: -2px 4px 0 0
}

[class*=" mod-table"] .domain_btn,
[class^=mod-table] .domain_btn {
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    line-height: 23px;
    border: 1px solid #ff4f3f;
    color: #ff4f3f;
    padding: 0 7px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

[class*=" mod-table"] .domain_btn:hover,
[class^=mod-table] .domain_btn:hover {
    background: #f9cb1a;
    color: #fff
}

[class*=" mod-table"] .domain,
[class^=mod-table] .domain {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[class*=" mod-table"] .loadimg,
[class^=mod-table] .loadimg {
    position: absolute;
    top: 50%;
    margin: -8px 0 0 -8px;
    left: 50%
}

[class*=" mod-table"] .tableBottom,
[class^=mod-table] .tableBottom {
    line-height: 30px;
    padding: 10px 0;
    font-size: 16px;
    zoom: 1
}

[class*=" mod-table"] .tableBottom:after,
[class^=mod-table] .tableBottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

[class*=" mod-table"] .tableBottom .left .fistTd,
[class^=mod-table] .tableBottom .left .fistTd {
    color: #444
}

[class*=" mod-table"] .tableBottom .left .fistTd input,
[class^=mod-table] .tableBottom .left .fistTd input {
    margin-right: 20px
}

[class*=" mod-table"] .tableBottom .right,
[class^=mod-table] .tableBottom .right {
    text-align: right
}

[class*=" mod-table"] .tableBottom .right .span,
[class^=mod-table] .tableBottom .right .span {
    margin-left: 40px
}

[class*=" mod-table"] .tableSubmit,
[class^=mod-table] .tableSubmit {
    padding: 30px 0 10px;
    color: #444;
    border-top: 1px dashed #dedede;
    zoom: 1
}

[class*=" mod-table"] .tableSubmit:after,
[class^=mod-table] .tableSubmit:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

[class*=" mod-table"] .tableSubmit input,
[class^=mod-table] .tableSubmit input {
    vertical-align: middle
}

[class*=" mod-table"] .tableSubmit .left,
[class^=mod-table] .tableSubmit .left {
    padding: 0 0 0 10px;
    float: left
}

[class*=" mod-table"] .tableSubmit .ui-btn-big,
[class^=mod-table] .tableSubmit .ui-btn-big {
    width: 120px
}

[class*=" mod-table"] .page_box,
[class^=mod-table] .page_box {
    padding: 20px 0;
    zoom: 1
}

[class*=" mod-table"] .page_box:after,
[class^=mod-table] .page_box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

[class*=" mod-table"] .page_box .left,
[class^=mod-table] .page_box .left {
    float: left;
    padding-left: 10px
}

[class*=" mod-table"] .page_box .left .ui-btn,
[class^=mod-table] .page_box .left .ui-btn {
    margin-left: 20px
}

[class*=" mod-table"] .page_box .export .ui-btn,
[class^=mod-table] .page_box .export .ui-btn {
    margin-left: 10px
}

[class*=" mod-table"] .page_box .page,
[class^=mod-table] .page_box .page {
    color: #666
}

[class*=" mod-table"] .page_box .page span,
[class^=mod-table] .page_box .page span {
    padding: 0 20px;
    line-height: 28px
}

[class*=" mod-table"] .page_box .page a,
[class*=" mod-table"] .page_box .page strong,
[class^=mod-table] .page_box .page a,
[class^=mod-table] .page_box .page strong {
    display: inline-block;
    margin: 0 1px;
    padding: 0 10px;
    border: 1px solid #e0e0e0;
    vertical-align: middle;
    height: 26px;
    line-height: 26px;
    color: #666
}

[class*=" mod-table"] .page_box .page a:hover,
[class*=" mod-table"] .page_box .page strong,
[class^=mod-table] .page_box .page a:hover,
[class^=mod-table] .page_box .page strong {
    color: #fff;
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

[class*=" mod-table"] .page_box .page a.pagePre i,
[class^=mod-table] .page_box .page a.pagePre i {
    margin-right: 3px
}

[class*=" mod-table"] .page_box .page a.pagePre:hover .icon-pre,
[class^=mod-table] .page_box .page a.pagePre:hover .icon-pre {
    background-position: -286px -171px
}

[class*=" mod-table"] .page_box .page a.pageNext i,
[class^=mod-table] .page_box .page a.pageNext i {
    margin-left: 3px
}

[class*=" mod-table"] .page_box .page a.pageNext:hover .icon-next,
[class^=mod-table] .page_box .page a.pageNext:hover .icon-next {
    background-position: -150px -139px
}

[class*=" mod-table"] .page_box .page .pageMore,
[class^=mod-table] .page_box .page .pageMore {
    border: none;
    padding: 0 5px
}

[class*=" mod-table"] .page_box .page .elevator,
[class^=mod-table] .page_box .page .elevator {
    margin-left: 10px;
    display: inline-block
}

[class*=" mod-table"] .page_box .page .elevator input,
[class^=mod-table] .page_box .page .elevator input {
    width: 50px;
    border: 1px solid #e0e0e0;
    line-height: 26px;
    text-align: center
}

[class*=" mod-table"] .page_box .page .elevator .btn:hover,
[class^=mod-table] .page_box .page .elevator .btn:hover {
    border: 1px solid #e0e0e0;
    background-color: #dcdfe9;
    color: #666
}

[class*=" mod-table"] .page_box .page .elevator .btn,
[class^=mod-table] .page_box .page .elevator .btn {
    background-color: #dcdfe9
}

[class*=" mod-table"] .page_box .ui-checkbox,
[class^=mod-table] .page_box .ui-checkbox {
    margin-left: 6px
}

[class*=" mod-table"].mod-table-bottom,
[class^=mod-table].mod-table-bottom {
    border: 1px solid #cddbff
}

[class*=" mod-table"].mod-table-bottom td,
[class^=mod-table].mod-table-bottom td {
    padding: 13px 0
}

.inp-table table td {
    padding: 20px 0
}

.inp-table table td .error {
    top: 50px
}

.tabletit {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    zoom: 1
}

.tabletit:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.tabletit a {
    color: #f9cb1a
}

.mod-forms {
    zoom: 1;
    padding: 20px 0
}

.mod-forms:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-forms .ui-form {
    zoom: 1;
    padding: 5px 0
}

.mod-forms .ui-form:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-forms .ui-form span.ui-label {
    display: block;
    float: left;
    text-align: right;
    padding: 0 5px 0 0;
    width: auto
}

.mod-forms .ui-form label span.ui-label {
    color: #333
}

.mod-forms .ui-form.offer .ui-input {
    padding: 14px 10px
}

.mod-forms .ui-form.offer .ui-label {
    line-height: 44px
}

.mod-forms .ui-labelBox i.ui-label {
    padding: 0 8px
}

.mod-forms .ui-form-2 {
    width: 50%;
    float: left
}

.com_input {
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 15px;
    padding: 9px 7px;
    color: #777
}

.com_input:focus {
    color: #333
}

.orange_box {
    padding: 9px 0
}

.select-btn {
    float: left;
    width: 133px;
    color: #444;
    background: #fff;
    position: relative
}

.select-btn .selected {
    font-size: 14px;
    padding: 9px 10px;
    display: block;
    line-height: 1;
    color: #444;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: All .3s ease-in-out;
    -webkit-transition: All .3s ease-in-out;
    cursor: pointer;
    background: #fff
}

.select-btn .selected::after {
    content: "";
    display: block;
    border-radius: 0 4px 4px 0;
    background-image: url(../img/sprite.1685498358207.png);
    background-position: -238px -364px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 8px;
    top: 12px
}

.select-btn .select-option {
    display: none;
    background: #fff;
    padding: 5px 0;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0
}

.select-btn .select-option li {
    padding: 4px 40px 4px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.select-btn .select-option li .col-blue {
    position: absolute;
    right: 5px;
    top: 4px
}

.select-btn.open .selected:after {
    background-image: url(../img/sprite.1685498358207.png);
    background-position: -256px -364px;
    width: 8px;
    height: 8px
}

.select-btn.open .select-option {
    display: block
}

.mod-tip .top {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #e8eaef;
    position: relative
}

.mod-tip .top span {
    display: inline-block;
    width: 130px;
    background: #f8f8f8;
    font-size: 24px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -75px
}

.mod-tip ul {
    padding: 30px 0 40px;
    zoom: 1
}

.mod-tip ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-tip ul li {
    width: 420px;
    float: left;
    line-height: 24px
}

.mod-tip ul li.li2 {
    width: 440px
}

.mod-tip ul li.li3 {
    width: 340px
}

.mod-tip ul span {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 36px;
    text-align: center;
    color: #fff;
    background: #e8eaef;
    float: left;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.mod-tip ul .hidden {
    overflow: hidden;
    width: 275px;
    padding-left: 10px
}

.mark-examine {
    line-height: 34px;
    padding-left: 35px;
    padding-right: 15px;
    font-size: 16px
}

.mark-examine p {
    min-height: 34px
}

.activity-link {
    display: inline-block;
    position: fixed;
    bottom: 100px;
    left: 0;
    z-index: 90;
    cursor: pointer
}

.activity-link.t50 {
    top: 50%
}

.prompt-icon {
    position: relative
}

.prompt-icon .prompt-text,
.prompt-icon .prompt-tip {
    display: none;
    font-size: 12px;
    color: #585858;
    position: absolute;
    white-space: nowrap
}

.prompt-icon .prompt-tip {
    border: 1px solid #767676;
    left: 20px;
    top: 5px;
    z-index: 30;
    line-height: 16px;
    padding: 5px;
    border-radius: 3px;
    background-image: linear-gradient(to top, #e4e5f0, #fefefe);
    box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, .35)
}

.prompt-icon .prompt-text {
    padding: 0 10px;
    line-height: 33px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    top: 26px;
    left: -206px;
    z-index: 3;
    box-shadow: 0 1px 5px 0 rgba(206, 206, 206, .35)
}

.prompt-icon .prompt-text a {
    color: #f9cb1a
}

.prompt-icon .prompt-text::after {
    content: "";
    display: block;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #f8f8f8;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -10px
}

.prompt-icon .prompt-text::before {
    content: "";
    display: block;
    border-width: 0 11px 11px;
    border-style: solid;
    border-color: transparent transparent #ddd;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -12px
}

.prompt-icon:hover .prompt-text,
.prompt-icon:hover .prompt-tip {
    display: inline-block
}

.price-fixed {
    color: #fff;
    background: #a9a9a9;
    border: 1px solid #909090;
    font-size: 10px;
    border-radius: 4px;
    padding: 0 2px
}

.price-fixed.unfixed {
    background: #f66;
    border: 1px solid #ff3939
}

.price-fixed .prompt-tip {
    top: 20px
}

.mod-filter {
    background: #fff
}

.mod-filter .ui-label-and {
    padding: 0 5px;
    width: auto!important
}

.mod-filter .ui-radio {
    margin: -3px 5px 0 0;
    position: static
}

.mod-filter .label-right {
    line-height: 32px
}

.mod-filter .ui-form {
    width: 100%;
    zoom: 1
}

.mod-filter .ui-form:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-filter .ui-form .label,
.mod-filter .ui-form .ui-labelBlock {
    display: inline-block;
    float: left
}

.mod-filter .ui-form .label .ui-label,
.mod-filter .ui-form label .ui-label {
    text-align: left
}

.mod-filter .ui-form .ui-labelBlock label .ui-label {
    padding-right: 20px
}

.mod-filter .ui-form .ui-labelBlock .icon-new {
    position: absolute;
    right: 7px;
    top: -1px
}

.mod-filter .ui-form .label {
    text-align: right;
    position: relative;
    min-width: 20px;
    min-height: 32px
}

.mod-filter .com .ui-checkbox-label {
    color: #777
}

.mod-filter .com .ui-checkbox-label .icon-wen-i {
    margin-left: 5px;
    margin-bottom: 5px
}

.mod-filter .btnBox {
    padding: 15px 0 5px
}

.mod-filter td {
    padding: 10px 0;
    color: #444
}

.mod-filter select {
    width: 137px;
    height: 31px;
    display: inline;
    padding: 2px 0;
    line-height: 18px;
    border-color: #ccc;
    *height: auto;
    font-size: 14px
}

.mod-filter label {
    display: inline-block;
    text-align: right
}

.mod-filter .search_button {
    padding: 5px 52px 4px;
    background: #2a9fe4;
    border: 0;
    font-size: 16px;
    color: #fff
}

.mod-filter .search_button:hover {
    background: #158dd4
}

.mod-filter .checkbox {
    margin-left: 10px
}

.mod-filter .postfix {
    line-height: 30px
}

.mod-filter .postfix a {
    display: inline-block;
    margin: 0 3px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    color: #777
}

.mod-filter .postfix a.cur {
    background: #f9cb1a;
    color: #fff
}

.mod-filter .bottom {
    line-height: 24px;
    padding: 20px 0;
    border-top: 1px dashed #e9e9e9;
    zoom: 1
}

.mod-filter .bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-filter .bottom span {
    color: #666;
    float: left;
    display: inline-block;
    padding: 0 10px 0 7px
}

.mod-filter .bottom a {
    display: inline-block;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    color: #f9cb1a;
    background: #f6f8ff;
    float: left;
    margin-right: 20px;
    position: relative
}

.mod-filter .bottom a.cur,
.mod-filter .bottom a:hover {
    background: #fff6f3;
    color: #f9cb1a;
    font-weight: 600
}

.mod-filter .bottom a .icon-luckact {
    position: absolute;
    right: -9px;
    top: -14px
}

.mod-filter .bottom a .icon-hot,
.mod-filter .bottom a .icon-new {
    position: absolute;
    right: -9px;
    top: -6px
}

.mod-filter .ui-btn {
    padding: 0 17px
}

.mod-filter .ui-btn-cancel {
    margin-left: 20px
}

.mod-filter .save-input {
    height: 28px;
    margin-left: 20px;
    border: 1px solid #ccc;
    padding: 0 5px
}

.mod-filter .save-btn {
    height: 31px;
    width: 50px;
    display: inline-block;
    line-height: 30px;
    background-color: #f9cb1a;
    color: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.mod-filter .cancel-btn {
    margin-left: 10px;
    color: #f9cb1a
}

.mod-pro {
    height: 410px;
    background: #fff;
    border-top: 1px solid #f9565e;
    margin-top: 40px;
    position: relative;
    z-index: 1
}

.mod-pro.mod-pro1 {
    margin-top: 90px
}

.mod-pro .title {
    width: 198px;
    height: 385px;
    padding: 20px 35px 20px 30px;
    color: #fff;
    background: url(../img/proTitle1.png) no-repeat;
    position: absolute;
    left: 0;
    top: -8px
}

.mod-pro .title .block {
    display: inline-block;
    width: 198px;
    font-size: 26px;
    line-height: 35px;
    color: #fff;
    padding: 30px 0
}

.mod-pro .title .block:hover {
    margin-left: 10px
}

.mod-pro .icon-more {
    float: right;
    margin: 8px 0 0
}

.mod-pro p {
    line-height: 24px;
    text-align: justify
}

.mod-pro .right {
    width: 942px;
    overflow: hidden
}

.mod-pro ul {
    width: 102%;
    zoom: 1
}

.mod-pro ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-pro li {
    width: 314px;
    height: 204px;
    float: left;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    line-height: 24px;
    position: relative
}

.mod-pro li .box {
    padding-left: 30px;
    transition: all .3s ease-in-out
}

.mod-pro li:hover .box {
    margin-left: -10px
}

.mod-pro li .block {
    padding: 28px 0 22px;
    color: #f9cb1a
}

.mod-pro li .block:hover {
    color: #f9363f
}

.mod-pro li .offer {
    float: left;
    margin-right: 35px;
    color: #999
}

.mod-pro .icon-hotBooking,
.mod-pro .icon-overflow {
    position: absolute;
    right: -1px;
    top: 0
}

.mod-pro .price {
    height: 40px;
    width: 290px;
    padding-bottom: 25px;
    line-height: 20px
}

.mod-pro .price span {
    display: inline-block;
    width: 130px;
    height: 40px;
    border-right: 1px dashed #f1f1f1;
    float: left
}

.mod-pro .price span.time {
    padding-left: 25px;
    border-right: none
}

.mod-pro .price .col-gray {
    font-size: 12px
}

.mod-pro .btnBox {
    overflow: hidden;
    line-height: 32px
}

.mod-pro .icon-offer {
    vertical-align: middle;
    margin: 0 5px 0 0
}

.mod-pro .ui-btn {
    padding: 0 25px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px
}

.mod-pro2 {
    border-color: #2aa3ee
}

.mod-pro2 .title {
    background: url(../img/proTitle2.png) no-repeat
}

.mod-pro3 {
    border-color: #fd9c29
}

.mod-pro3 .title {
    background: url(../img/proTitle3.png) no-repeat
}

.mod-pro4 {
    border-color: #01becf
}

.mod-pro4 .right {
    height: 410px
}

.mod-pro4 .title {
    background: url(../img/proTitle4.png) no-repeat
}

.mod-pro4 .item {
    height: 59px;
    line-height: 59px;
    width: 470px;
    float: left
}

.mod-pro4 .item.cur {
    border-right: 1px solid #e9e9e9
}

.mod-pro4 .item .box {
    height: 59px;
    border-bottom: 1px dashed #e9e9e9;
    width: 430px;
    margin: 0 0 0 20px;
    transition: all .3s ease-in-out
}

.mod-pro4 .item .ui-btn {
    float: right;
    margin: 14px 10px 0 40px
}

.mod-pro4 .item em {
    float: right
}

.mod-pro4 .item .name {
    padding: 0 10px;
    color: #f9cb1a
}

.mod-pro4 .item:hover .box {
    margin-left: 10px
}

.mod-pro4 .item .icon-huo {
    vertical-align: middle;
    margin-top: -7px
}

.mod-name {
    overflow: hidden
}

.mod-name ul {
    width: 101%;
    zoom: 1
}

.mod-name ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.mod-name ul li {
    width: 215px;
    height: 109px;
    float: left;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: -1px
}

.mod-name ul li:hover {
    background: #f7f9ff
}

.mod-name ul .box {
    padding: 0 0 0 20px
}

.mod-name ul .block.col-blue {
    padding: 18px 0 15px
}

.mod-name ul .block.col-blue:hover {
    color: #f9cb1a!important
}

.mod-name ul .price {
    height: 38px
}

.mod-name ul .price span {
    display: inline-block;
    height: 38px;
    width: 82px;
    overflow: hidden;
    float: left;
    border-right: 1px dashed #f1f1f1;
    line-height: 16px
}

.mod-name ul .price span.time {
    margin-left: 14px;
    border: none;
    width: 95px
}

.mod-name ul .price span .col-gray {
    display: inline-block;
    margin: 5px 0 0
}

.classify_alert {
    float: left;
    color: #444;
    background: #fff;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: All .3s ease-in-out;
    transition: All .3s ease-in-out;
    vertical-align: middle;
    width: 133px;
    position: relative
}

.classify_alert .carat {
    display: block;
    width: 8px;
    height: 7px;
    padding: 10px 5px 10px 2px;
    border-radius: 0 4px 4px 0;
    background: #fff;
    position: absolute;
    right: 3px;
    top: 3px
}

.classify_alert .carat:after {
    content: "";
    background-image: url(../img/sprite.1685498358207.png);
    background-position: -238px -364px;
    width: 8px;
    height: 8px;
    display: block
}

.classify_alert.open .carat:after {
    background-image: url(../img/sprite.1685498358207.png);
    background-position: -256px -364px;
    width: 8px;
    height: 8px;
    display: block
}

.classify_alert .selected {
    padding: 9px 10px;
    text-overflow: ellipsis;
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #444;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    background: #fff
}

.classify_alert .classify_select {
    display: none;
    width: 630px;
    padding: 17px 5px;
    border: 1px solid #dcdcdc;
    background: #fff;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 96;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.classify_alert .classify_select.right_select {
    right: 0;
    left: auto
}

.classify_alert .classify_select.domain-group {
    width: 420px
}

.classify_alert .classify_select.domain-group .select_option {
    width: 330px
}

.classify_alert .classify_select .select_label {
    width: 50px;
    font-size: 14px;
    color: #666;
    line-height: 30px
}

.classify_alert .classify_select .select_option {
    width: 550px;
    margin-right: -10px;
    margin-bottom: 10px;
    float: left;
    padding-left: 10px
}

.classify_alert .classify_select .select_option .checkbox_but,
.classify_alert .classify_select .select_option input[type=checkbox] {
    display: none
}

.classify_alert .classify_select .select_option .column {
    display: none;
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border: 1px solid #e9e9e9
}

.classify_alert .classify_select .select_option .have-three {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0
}

.classify_alert .classify_select .select_option .three {
    border-top: none
}

.classify_alert .classify_select .select_option .classify_checkbox:after,
.classify_alert .classify_select .select_option .classify_radios:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.classify_alert .classify_select .select_option .classify_checkbox li,
.classify_alert .classify_select .select_option .classify_radios li {
    float: left;
    padding: 6px 12px;
    margin: 0 6px 11px 0;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.classify_alert .classify_select .select_option .classify_radios li.action {
    background: #f9f9f9;
    color: #f9cb1a
}

.classify_alert .classify_select .select_option .classify_radios li.action[switch] {
    padding: 10px 12px 15px;
    margin: 0 10px -1px 0;
    border-bottom: 0;
    border-radius: 4px 4px 0 0
}

.classify_alert .classify_select .select_option .classify_checkbox li {
    padding: 6px 14px
}

.classify_alert .classify_select .select_option .classify_checkbox li.action {
    background: #f9cb1a;
    border: 1px solid #f9cb1a;
    color: #fff;
    position: relative
}

.classify_alert .classify_select .select_option .classify_checkbox li.action:after {
    @include icon-classify-close;
    content: "";
    background-image: url(../img/sprite.1685498358207.png);
    background-position: -422px -360px;
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px
}

.classify_alert .classify_select .reset,
.classify_alert .classify_select .submit {
    padding: 6px 36px;
    border: none;
    font-size: 14px;
    background: #eee;
    color: #888
}

.classify_alert .classify_select .submit {
    margin-right: 17px;
    background: #f9cb1a;
    color: #fff
}

.classify_alert .classify_select .classify_btn {
    text-align: right;
    position: absolute;
    right: 7px;
    top: 17px;
    z-index: 5
}

.classify_alert .classify_select .classify_btn .ui-btn {
    width: 50px!important;
    margin-top: 0!important;
    margin-bottom: 5px!important;
    padding: 0 10px!important;
    border-radius: 5px!important;
    height: 32px!important;
    line-height: 32px!important
}

.classify_alert .classify_select .classify_btn .ui-btn-blue-br {
    border: 1px solid #f9cb1a!important
}

.text-center {
    text-align: center
}

.header .topbar-top {
    zoom: 1;
    background: #1c222e;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.header .topbar-top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-top a {
    font-size: 12px;
    color: #bdbcc1
}

.header .topbar-top a:hover {
    color: #fff
}

.header .topbar-top .login {
    float: left;
    padding-left: 16px;
    font-size: 12px;
    color: #bdbcc1;
    position: relative
}

.header .topbar-top .login .messaging,
.header .topbar-top .login .nav_cart {
    display: inline-block;
    padding: 0 10px 0 28px;
    margin-left: 5px;
    position: relative
}

.header .topbar-top .login .messaging:before,
.header .topbar-top .login .nav_cart:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 15px;
    height: 12px
}

.header .topbar-top .login .messaging:before {
    background-image: url(../img/header-messaging.png)
}

.header .topbar-top .login .nav_cart:before {
    background-image: url(../img/header-cart.png)
}

.header .topbar-top .login .ename_user,
.header .topbar-top .login .user-login {
    margin-left: 5px;
    margin-right: 12px
}

.header .topbar-top .login .ename_out {
    margin-left: 7px;
    margin-right: 12px
}

.header .topbar-top .login .user-register {
    margin-left: 12px
}

.header .topbar-top .topbar-menu {
    float: right;
    height: 14px;
    line-height: 14px;
    padding: 8px 0;
    overflow: hidden;
    zoom: 1
}

.header .topbar-top .topbar-menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-top .topbar-menu li {
    float: left;
    padding: 0 13px;
    border-right: 1px solid #40444d
}

.icon-header-hot,
.icon-header-new,
.j-pendingCur {
    position: absolute
}

.icon-header-hot,
.icon-header-new {
    top: -12px;
    right: -30px
}

.j-pendingCur {
    display: inline-block;
    top: -1px;
    right: -26px;
    min-width: 71px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: #f9cb1a;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.lt-foot,
.lt-footInner,
.lt-footer {
    min-width: 1200px
}

.j-pendingCur .icon-jiaoTop {
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -2px
}

.header .topbar-bottom {
    zoom: 1;
    background: #242a37;
    position: relative;
    z-index: 1000
}

.header .topbar-bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-bottom .logo {
    float: left;
    max-width: 256px;
    max-height: 60px;
    padding: 0 13px;
    overflow: hidden
}

.header .topbar-bottom .logo img {
    display: block
}

.header .topbar-bottom .topbar-nav {
    zoom: 1;
    float: left;
    margin-left: 10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 160px;
    right: 0
}

.header .topbar-bottom .topbar-nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-bottom .topbar-nav ul {
    zoom: 1
}

.header .topbar-bottom .topbar-nav ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-bottom .topbar-nav li {
    float: left;
    padding: 0 3px;
    position: relative
}

.header .topbar-bottom .topbar-nav li a {
    display: block;
    height: 24px;
    padding: 17px 10px;
    border-bottom: 2px solid #242a37;
    line-height: 24px;
    font-size: 16px;
    color: #fff
}

.header .topbar-bottom .topbar-nav li a.active,
.header .topbar-bottom .topbar-nav li a:hover {
    border-bottom: 2px solid #f9cb1a
}

.header .topbar-bottom .topbar-nav li a.j-pendingCur {
    height: 20px;
    line-height: 20px;
    padding: 0 2px;
    font-size: 12px;
    border-bottom: none
}

.header .topbar-bottom .topbar-nav li a.col-yellow6 {
    border-bottom: 2px solid #242a37
}

.header .topbar-bottom .topbar-nav li.right {
    float: right;
    margin-right: 120px
}

.header .topbar-bottom .topbar-nav li.right a.col-yellow6,
.header .topbar-bottom .topbar-nav li.right a.col-yellow6.active,
.header .topbar-bottom .topbar-nav li.right a.col-yellow6:hover {
    color: #ffd381
}

.header .topbar-bottom .topbar-nav li.low-price {
    position: relative
}

.header .topbar-bottom .topbar-nav li.low-price:before {
    content: '';
    position: absolute;
    top: 8px;
    right: -24px;
    width: 41px;
    height: 15px;
    background: url(../img/common/activity-11.png)
}

.header .topbar-bottom .topbar-nav li .topbar-select {
    display: none;
    background: #fff;
    position: absolute;
    left: -15px;
    right: -15px;
    top: 68px;
    z-index: 40;
    -webkit-box-shadow: 0 0 25px rgba(10, 10, 10, .15);
    box-shadow: 0 0 25px rgba(10, 10, 10, .15);
    border: 1px solid #dcdcdc
}

.header .topbar-bottom .topbar-nav li .topbar-select dd {
    float: none
}

.header .topbar-bottom .topbar-nav li .topbar-select dd a {
    font-size: 14px;
    padding: 8px 0;
    height: 20px;
    line-height: 20px;
    color: #6a7284;
    text-align: center;
    border: none
}

.header .topbar-bottom .topbar-nav li .topbar-select dd a:hover {
    color: #ff890d
}

.header .topbar-bottom .topbar-nav li .topbar-select:before {
    position: absolute;
    top: -15px;
    left: 50%;
    content: '';
    margin-left: -6px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff
}

.header .topbar-bottom .topbar-nav li .topbar-select:after {
    content: "";
    height: 20px;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0
}

.header .topbar-bottom .topbar-nav li .topbar-select.extend {
    left: -35px;
    right: -35px
}

.header .topbar-bottom .topbar-nav li:hover .topbar-select {
    display: block
}

.header .topbar-bottom .topbar-nav li.close .topbar-select {
    display: none
}

.header .topbar-bottom .manage_center {
    display: block;
    float: right;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    z-index: 21;
    background: #f9cb1a;
    padding: 0;
    height: 60px;
    position: relative
}

.header .topbar-bottom .manage_center:before {
    content: ""
}

.header .topbar-bottom .login .messaging:before,
.header .topbar-bottom .login .nav_cart:before,
.header .topbar-bottom .manage_center .manage_a:before {
    display: inline-block;
    vertical-align: middle
}

.header .topbar-bottom .manage_center .manage_a:before,
.header .topbar-bottom .topbar-nav .icon-hongbao {
    position: relative;
    top: -1px
}

.header .topbar-bottom .manage_center .manage_a {
    display: block;
    height: 24px;
    padding: 18px;
    color: #fff;
    position: relative
}

.header .topbar-bottom .manage_center .manage_a:hover {
    color: #fff
}

.header .topbar-bottom .manage_center .manage_a:before {
    content: "";
    margin-right: 4px;
    width: 16px;
    height: 18px;
    background-image: url(../img/header-manage.png)
}

.header .topbar-bottom .manage_center .drop {
    visibility: hidden;
    width: 800px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 80;
    cursor: auto;
    -webkit-box-shadow: 0 0 25px rgba(10, 10, 10, .15);
    box-shadow: 0 0 25px rgba(10, 10, 10, .15);
    opacity: 0
}

.header .topbar-bottom .manage_center .drop.open {
    opacity: 1;
    visibility: visible;
    display: block
}

.header .topbar-bottom .manage_center .drop .manage_switch {
    zoom: 1;
    cursor: pointer
}

.header .topbar-bottom .manage_center .drop .manage_switch:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-bottom .manage_center .drop .manage_switch .switch-btn {
    float: left;
    width: 50%;
    height: 49px;
    margin-left: -1px;
    border-left: 1px solid #ebebec;
    border-bottom: 1px solid #ebebec;
    line-height: 49px;
    color: #2a344f;
    font-size: 16px;
    text-align: center;
    background: #f5f6f8
}

.lt-footer,
.lt-footer p {
    line-height: 24px
}

.header .topbar-bottom .manage_center .drop .manage_switch .switch-btn .domain-icon:before,
.header .topbar-bottom .manage_center .drop .manage_switch .switch-btn .trademark-icon:before {
    content: '';
    margin-top: -2px;
    margin-right: 5px
}

.header .topbar-bottom .manage_center .drop .switch-box {
    zoom: 1;
    padding: 5px 10px 5px 20px;
    font-size: 13px
}

.header .topbar-bottom .manage_center .drop .switch-box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.header .topbar-bottom .manage_center .drop .switch-box dl {
    float: left;
    width: 100px;
    padding: 10px 5px
}

.header .topbar-bottom .manage_center .drop .switch-box dd,
.header .topbar-bottom .manage_center .drop .switch-box dt {
    line-height: 24px;
    height: 24px;
    padding: 5px 0
}

.header .topbar-bottom .manage_center .drop .switch-box dt {
    font-weight: 600;
    color: #2a344f
}

.header .topbar-bottom .manage_center .drop .switch-box a {
    color: #6a7284!important
}

.header .topbar-bottom .manage_center .drop .switch-box a:hover {
    color: #ff890d!important
}

@media screen and (max-width:1385px) {
    .header .topbar-bottom .topbar-nav li a {
        padding: 18px 10px 16px;
        font-size: 14px
    }
    .header .topbar-bottom .topbar-nav li.right {
        margin-right: 100px
    }
    .header .topbar-bottom .manage_center .manage_a {
        padding: 18px 10px 18px 15px;
        font-size: 14px
    }
}

.lt-foot {
    height: 346px;
    background: url(../img/footInner.jpg) center no-repeat
}

.lt-foot .main {
    overflow: hidden
}

.lt-foot ul {
    width: 1251px;
    padding: 75px 0 0;
    zoom: 1
}

.lt-foot ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.lt-foot li {
    width: 417px;
    color: #fff;
    float: left
}

.lt-foot .top {
    color: #c2c7d3
}

.lt-foot .top .icon-qaq {
    vertical-align: middle;
    margin: 0 5px
}

.goTop .item.contact,
.goTop .item.social {
    margin-bottom: 3px
}

.lt-foot .bottom {
    width: 316px;
    height: 120px;
    padding: 40px 25px 10px;
    background: url(../img/qaq.png) no-repeat;
    text-align: justify;
    color: #c2c7d3
}

.lt-footer {
    padding: 21px 0;
    color: #fff;
    background: #1f2127;
    text-align: center
}

.lt-footer p,
.lt-footer p.fn12 {
    color: #6d6e6f
}

.lt-footer a {
    color: #fff;
    padding: 0 18px
}

.lt-footer a:visited {
    color: #fff
}

.lt-footer a:hover {
    color: #dadada
}

.lt-footInner {
    height: 364px;
    background: url(../img/footInner.jpg) center 0 no-repeat
}

.lt-footInner .tab {
    padding: 40px 0 30px;
    text-align: center
}

.lt-footInner .tab span {
    cursor: pointer;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.lt-footInner .tab span i {
    position: absolute;
    left: 52px;
    bottom: -6px;
    display: none
}

.goTop .item,
.lt-footInner .tab span.cur i {
    display: inline-block
}

.lt-footInner .tab span.cur {
    background: #1e2736
}

.nothing {
    padding: 30px 0;
    line-height: 30px;
    text-align: center
}

.goTop {
    width: 50px;
    position: fixed;
    right: 50%;
    margin-right: -680px;
    bottom: 90px;
    height: 156px;
    z-index: 999
}

.goTop .item {
    width: 50px;
    height: 42px;
    padding: 8px 0 0;
    line-height: 18px;
    text-align: center;
    color: #fff;
    background: #b2b2b2
}

.goTop .item span {
    display: none
}

.goTop .item .icon-gotop {
    margin-top: 9px
}

.goTop .item:hover {
    color: #fff;
    background: #333
}

.goTop .item:hover .icon-contact,
.goTop .item:hover .icon-gotop,
.goTop .item:hover .icon-social {
    display: none;
    margin-top: 10px
}

.goTop .item.social:hover+.panel-qrCode,
.goTop .item:hover span {
    display: block
}

.goTop .item.contact .icon-contact,
.goTop .item.social .icon-social {
    margin-top: 5px
}

.goTop .panel-qrCode {
    display: none;
    padding-right: 20px;
    width: 130px;
    position: absolute;
    right: 48px;
    top: 54px
}

.goTop .panel-qrCode .img-box {
    padding: 15px 0 10px;
    position: relative;
    background: #fff;
    border: 1px solid #e4e4e4;
    text-align: center;
    -webkit-box-shadow: 0 0 25px rgba(10, 10, 10, .15);
    box-shadow: 0 0 25px rgba(10, 10, 10, .15)
}

.goTop .panel-qrCode .img-box:before {
    content: '';
    position: absolute;
    top: 9px;
    right: -17px;
    border: 8px solid transparent;
    border-left: 8px solid #e4e4e4
}

.goTop .panel-qrCode .img-box:after {
    content: "";
    position: absolute;
    top: 10px;
    right: -14px;
    border: 7px solid transparent;
    border-left: 7px solid #fff
}

.goTop .panel-qrCode .img-box .img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block
}

.goTop .panel-qrCode .img-box p {
    line-height: 14px;
    padding-top: 10px;
    font-size: 12px
}

.pageModel {
    background-color: #fff;
    border-radius: 8px;
    width: 416px;
    padding: 26px 23px;
    box-sizing: border-box;
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 20%;
    margin-left: -208px
}

.pageModel .text-center {
    text-align: center
}

.pageModel .head .title {
    line-height: 22px;
    font-size: 16px;
    color: #2a344f;
    font-weight: 700;
    padding: 0 9px
}

.pageModel .head .icon-loading {
    width: 56px;
    height: 56px;
    background: url(../img/icon-loading.gif) center no-repeat
}

.pageModel .content {
    margin: 15px 0 25px;
    padding: 0 37px;
    color: #2a344f;
    font-size: 14px
}

.pageModel .loading-content {
    font-size: 16px
}

.pageModel .foot .btn {
    float: right;
    padding: 9px 0;
    width: 62px;
    text-align: center;
    border-radius: 8px;
    background-color: #f9cb1a;
    color: #fff;
    font-size: 14px;
    cursor: pointer
}

.pageModel .foot .okBtn {
    margin-left: 10px
}

.pageModel .foot .okBtn:hover {
    background: #5e88f4
}

.pageModel .foot::after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    clear: both
}

.eject,
.ivu-message,
.pageModelMark {
    width: 100%;
    left: 0
}

.pageModelMark {
    position: fixed;
    top: 0;
    z-index: 998;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

.ivu-message {
    font-size: 14px;
    position: fixed;
    z-index: 1010;
    top: 140px;
    pointer-events: none
}

.eject,
.ivu-modal,
.ivu-modal-com {
    top: 50%;
    transform: translateY(-50%)
}

.ivu-message .ivu-message-notice {
    padding: 8px;
    text-align: center;
    transition: height .3s ease-in-out, padding .3s ease-in-out;
    height: 54px
}

.ivu-message .ivu-message-notice .ivu-message-notice-content {
    display: inline-block;
    pointer-events: all;
    padding: 8px 16px;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-weight: 600;
    position: relative
}

.ivu-message .ivu-message-notice .ivu-message-notice-content .ivu-message-notice-content-text {
    display: inline-block
}

.ivu-message .ivu-message-notice .ivu-message-notice-content .ivu-message-notice-content-text span {
    vertical-align: middle
}

.eject {
    position: fixed;
    z-index: 97
}

.eject .content {
    border-radius: 4px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #d0d0d0;
    box-shadow: 0 5px 15px #d0d0d0;
    position: relative
}

.eject.success-tips .content h5 {
    padding-right: 5px;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    text-align: center;
    font-weight: 400
}

.eject.fail-tips .content,
.eject.success-tips .content {
    padding: 13px 15px;
    display: inline-block
}

.eject.success-tips .content h5:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    vertical-align: bottom;
    background: url(../img/success-eject.png) center center no-repeat
}

.eject.success-tips {
    text-align: center
}

.eject.success-tips .content {
    border-radius: 4px
}

.eject.fail-tips {
    text-align: center
}

.eject.fail-tips .content h5:before {
    background: url(../img/fail-eject.png) center center no-repeat
}

.ivu-modal,
.ivu-modal-com {
    margin: 0 auto;
    position: relative;
    outline: 0;
    background-color: #fff;
    border: 0;
    border-radius: 6px;
    background-clip: padding-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    line-height: .8
}

.ivu-modal {
    padding: 16px;
    font-size: 12px;
    width: 416px
}

.ivu-modal .ivu-modal-head {
    padding: 0 12px 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
    color: #17233d;
    font-weight: 700
}

.ivu-modal .ivu-modal-body {
    padding-left: 42px;
    font-size: 14px;
    color: #515a6e;
    position: relative
}

.ivu-modal .ivu-modal-footer {
    margin-top: 20px;
    text-align: right
}

.ivu-modal .ivu-modal-footer button+button {
    margin-left: 8px;
    margin-bottom: 0
}

.ivu-modal-com {
    width: 600px;
    font-size: 16px;
    color: #6a7284
}

.ivu-modal-com .ivu-modal-head {
    padding: 20px 0 20px 20px;
    color: #2a344f;
    border-bottom: 1px solid #e8e8e8
}

.ivu-modal-com .ivu-modal-head .icon-close {
    position: absolute;
    right: 20px;
    top: 22px;
    cursor: pointer
}

.ivu-modal-com .ivu-modal-body {
    padding: 20px
}

.ivu-modal-com .ivu-modal-text {
    padding: 16px 22px;
    line-height: 24px
}

.ivu-modal-com .ivu-modal-text .icon-i-red-small {
    position: absolute;
    top: 14px;
    left: 17px
}

.ivu-modal-com .add-background {
    background-color: #fef4f5;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px 10px 10px 37px;
    color: #111;
    position: relative
}

.ivu-modal-com .ui-form {
    height: 32px;
    line-height: 32px;
    padding-left: 40px
}

.ivu-modal-com .ui-error {
    height: 30px;
    line-height: 30px;
    color: #f24652;
    font-size: 14px;
    margin-left: 180px
}

.ivu-modal-com .ui-agree {
    font-size: 14px;
    margin-left: 180px
}

.ivu-modal-com .ivu-modal-footer {
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid #e8e8e8
}

.ivu-modal-com .ivu-modal-footer .iu-btn {
    display: inline-block;
    font-size: 14px;
    color: #666;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 4px 15px;
    background: #fbfbfb;
    cursor: pointer;
    text-align: center
}

.ivu-modal-com .ivu-modal-footer .btn_gray_br2 {
    color: #878fa0;
    background: #fff;
    border: 1px solid #d9d9d9
}

.ivu-modal-com .ivu-modal-footer .btn_gray_br2:hover {
    color: #f9cb1a;
    border: 1px solid #f9cb1a
}

.ivu-modal-com .ivu-modal-footer .btn_blue2 {
    color: #fff;
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

.ivu-modal-com .ivu-modal-footer .btn_blue2:hover {
    background-color: #597ef7;
    border: 1px solid #597ef7
}

.ivu-modal-com .ivu-modal-footer button+button {
    margin-left: 10px
}

.ivu-modal-com .notice-blue {
    margin: 0 0 20px
}

.ivu-modal-com .inp-box {
    margin-bottom: 30px;
    position: relative
}

.ivu-modal-com .inp-box .text {
    display: inline-block;
    width: 90px;
    text-align: right
}

.ivu-modal-com .inp-box .input-text {
    width: 400px;
    line-height: 40px
}

.ivu-modal-com .inp-box .err-tip.absolute {
    position: absolute;
    left: 90px
}

.ivu-modal-com.protocol {
    top: 50%;
    margin-top: -228px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15)
}

.ivu-modal-com.protocol .ivu-modal-head {
    padding: 15px 0 15px 20px
}

.ivu-modal-com.protocol .ivu-modal-head .close {
    right: 17px;
    top: 17px
}

.ivu-modal-mask,
.ivu-modal-wrap {
    position: fixed;
    bottom: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    left: 0
}

.ivu-modal-com.protocol .ivu-modal-body {
    max-height: 400px;
    overflow: auto
}

.ivu-modal-com.protocol .ivu-modal-text {
    line-height: 27px;
    color: #6a7284;
    padding: 8px 20px;
    text-indent: 10px
}

.ivu-modal-com.protocol .ivu-modal-text p:first-child {
    margin-bottom: 22px
}

.ivu-modal-com.front-eject {
    width: 504px
}

.ivu-modal-com.front-eject .ivu-modal-head {
    padding: 15px 0 15px 20px
}

.ivu-modal-com.front-eject .price-table {
    background-color: #f6f7fa;
    padding: 15px 0;
    font-size: 14px
}

.ivu-modal-com.front-eject .price-table table {
    width: 100%
}

.ivu-modal-com.front-eject .price-table table td {
    padding: 5px 0
}

.ivu-modal-com.front-eject .price-table table td:nth-child(2n+1) {
    text-align: right
}

.ivu-modal-com.front-eject .price-table table td:nth-child(2n) {
    text-align: left;
    color: #ff890d;
    font-size: 16px;
    padding-left: 10px
}

.ivu-modal-wrap {
    overflow: auto;
    top: 0;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.page-index .banner #myjQuery,
.page-index .banner #myjQueryContent {
    OVERFLOW: hidden;
    WIDTH: 100%;
    HEIGHT: 200px
}

.ivu-modal-wrap * {
    box-sizing: border-box
}

.ivu-modal-mask {
    top: 0;
    background-color: rgba(55, 55, 55, .6)
}

.ivu-mask-loading .ivu-modal {
    width: 500px;
    line-height: 18px;
    padding: 25px;
    background-image: linear-gradient(to top, #fff, #eaf0fe)
}

.ivu-mask-loading .content:before {
    content: '';
    width: 132px;
    height: 140px;
    background: url(../img/loading-bg.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.ivu-mask-loading .content>* {
    position: relative;
    z-index: 1
}

.ivu-mask-loading .content p {
    padding-top: 30px;
    color: #444;
    text-align: center
}

.ivu-mask-loading .content .line-box {
    margin: 25px 0 20px;
    color: #5081f5;
    font-size: 16px
}

.ivu-mask-loading .content .line {
    width: 380px;
    height: 10px;
    border-radius: 5px;
    background-color: #e6e8ed;
    position: relative;
    display: inline-block;
    margin: 0 5px 0 15px
}

.ivu-mask-loading .content .line .line-in {
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    background: #f9cb1a;
    background-image: linear-gradient(to right, #28f0f4, #f9cb1a)
}

.ivu-btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #515a6e;
    padding: 6px 15px;
    font-size: 14px
}

.ivu-btn-text:hover {
    color: #57a3f3;
    background-color: #fff;
    border-color: transparent
}

.ivu-btn-primary {
    color: #fff;
    background: #f9cb1a;
    border: 1px solid #f9cb1a
}

.ivu-btn-primary:hover {
    background: #5e88f4;
    border: 1px solid #5e88f4
}

.icon-icon_dui,
.icon-icon_wen,
.icon-icon_x {
    margin-right: 12px;
    margin-top: -3px
}

.page-index .clearfix {
    zoom: 1
}

.page-index .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-index .col-green {
    color: #158dd4
}

.page-index .fn18 {
    font-size: 18px
}

.page-index .jiaoLeft {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 57px solid #f9565e;
    border-right: 57px solid transparent;
    position: absolute;
    right: -57px;
    top: 0
}

.page-index .banner {
    width: 100%;
    min-width: 1000px;
    clear: both;
    position: relative;
    height: 200px;
    z-index: 2
}

.page-index .banner #myjQuery {
    BACKGROUND: #000;
    POSITION: relative
}

.page-index .banner #myjQueryContent DIV {
    POSITION: absolute;
    HEIGHT: 200px;
    left: 50%;
    margin-left: -960px
}

.page-index .banner #myjQueryContent .smask {
    Z-INDEX: -1
}

.page-index .banner #myjQueryNav {
    DISPLAY: block;
    OVERFLOW: hidden;
    WIDTH: 180px;
    HEIGHT: 50px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -60px;
    z-index: 5
}

.page-index .banner #myjQueryNav LI {
    float: left;
    width: 20px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s ease-in-out;
    border-radius: 5px
}

.page-index .banner #myjQueryNav .nbg {
    BACKGROUND: #666
}

.page-index .banner #myjQueryNav A {
    DISPLAY: block;
    Z-INDEX: 12;
    MARGIN: 0 auto;
    TEXT-TRANSFORM: uppercase;
    WIDTH: 45px;
    COLOR: #fff;
    LINE-HEIGHT: 22px;
    POSITION: relative;
    HEIGHT: 22px;
    z-index: 20
}

.page-index .banner #myjQueryNav .current {
    width: 40px!important
}

.page-index .search {
    width: 716px;
    height: 66px;
    padding-bottom: 7px;
    background: url(../img/searchBg.jpg) 0 bottom no-repeat;
    position: absolute;
    bottom: -41px;
    left: 50%;
    margin-left: -358px;
    z-index: 2
}

.page-index .search .searchBox {
    width: 700px;
    height: 50px;
    line-height: 50px;
    border: 8px solid #f9cb1a;
    background: #fff;
    position: relative
}

.page-index .search .searcbText {
    display: inline-block;
    border: none;
    width: 501px;
    height: 20px;
    line-height: 20px;
    padding: 14px 15px;
    font-size: 18px;
    vertical-align: top;
    color: #888
}

.page-index .search .searchSubmit {
    border: none;
    overflow: hidden;
    text-indent: 300px;
    float: right;
    cursor: pointer
}

.page-index .j-suggestion {
    width: 625px;
    background: #fff;
    border: 1px solid #dbe2f5;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 9
}

.page-index .j-suggestion li {
    width: 100%;
    float: left;
    line-height: 55px;
    height: 55px;
    cursor: pointer;
    font-size: 16px;
    color: #444
}

.page-index .j-suggestion li:hover {
    background: #f8f8f8;
    color: #ff6a00
}

.page-index .j-suggestion li .icon-search {
    margin: 21px 15px 0 18px;
    float: left
}

.page-index .j-suggestion .col-yellow {
    padding: 0 0 0 5px;
    font-weight: 600
}

.page-index .mt55 {
    margin-top: 55px
}

.page-index .notice {
    height: 42px;
    background: #f3f3f3;
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
    zoom: 1
}

.page-index .notice:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-index .notice .left {
    height: 15px;
    line-height: 15px;
    width: 110px;
    float: left;
    display: inline;
    font-weight: 600;
    margin: 14px 25px 0 15px;
    border-right: 2px solid #d4d4d4
}

.page-index .notice .icon-notice {
    margin: -2px 4px 0 0
}

.page-index .notice .right {
    zoom: 1
}

.page-index .notice .right:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-index .notice li {
    float: left;
    width: 275px;
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box
}

.page-index .pro .leftBox {
    width: 860px;
    float: left;
    display: inline
}

.page-index .pro .leftBox .i-item {
    background: #fff
}

.page-index .pro .leftBox .i-item.bidding .top {
    background: #f2feff;
    border-color: #01becf
}

.page-index .pro .leftBox .i-item.bidding .top .tip {
    background: #01becf
}

.page-index .pro .leftBox .i-item.bidding .top .tip .jiaoLeft {
    border-top: 57px solid #01becf
}

.page-index .pro .leftBox .i-item.endBodding .top {
    background: #fffbf6;
    border-color: #fd9c29
}

.page-index .pro .leftBox .i-item.endBodding .top .tip {
    background: #fd9c29
}

.page-index .pro .leftBox .i-item.endBodding .top .tip .jiaoLeft {
    border-top: 57px solid #fd9c29
}

.page-index .pro .leftBox .top {
    background: #fef5f5;
    border-top: 2px solid #f9565e;
    height: 57px;
    line-height: 57px
}

.page-index .pro .leftBox .top .tip {
    display: inline-block;
    padding: 0 8px 0 30px;
    background: #f9565e;
    position: relative
}

.page-index .pro .leftBox .top .right {
    color: #ccc;
    float: right;
    display: inline
}

.page-index .pro .leftBox .top .right .a {
    display: inline-block;
    padding: 0 15px;
    color: #555960
}

.page-index .pro .leftBox .top .right .a.cur,
.page-index .pro .leftBox .top .right .a:hover {
    color: #f9cb1a
}

.page-index .pro .rightBox {
    width: 315px;
    float: right
}

.page-index .pro .rightBox .i-item {
    padding: 10px 30px;
    background: #fff
}

.page-index .pro .rightBox .i-item .top {
    border-bottom: 1px solid #ebebeb;
    line-height: 50px
}

.page-index .pro .rightBox .i-item .top .more {
    float: right;
    display: inline
}

.page-index .pro .rightBox .i-item.case {
    padding-bottom: 9px
}

.page-index .pro .rightBox .mod-forms {
    padding: 20px 0 0
}

.page-index .pro .rightBox .ui-form {
    padding: 10px 0
}

.page-index .pro .rightBox .ui-form .ui-label {
    width: 95px;
    padding: 0 3px 0 0;
    color: #70757e
}

.page-index .pro .rightBox .ui-form .ui-input {
    width: 135px;
    padding: 11px 10px
}

.page-index .pro .rightBox .ui-form .ui-select {
    height: 38px;
    width: 156px
}

.page-index .pro .rightBox .ui-btn {
    display: block;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    width: 253px;
    padding: 0;
    border: none;
    margin-bottom: 31px;
    margin-top: 10px
}

.page-index .pro .rightBox .t-head {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.page-index .pro .rightBox .t-head li {
    font-size: 0;
    color: #666;
    height: 46px;
    line-height: 46px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.page-index .pro .rightBox .t-head li span {
    display: inline-block;
    font-size: 16px
}

.page-index .pro .rightBox .t-head li span:first-child {
    width: 78px
}

.page-index .pro .rightBox .t-head li span:nth-child(2) {
    width: 80px
}

.page-index .pro .rightBox .t-head li span:last-child {
    width: 72px;
    float: right;
    margin-right: 0
}

.page-index .pro .rightBox .t-head.two li span:first-child {
    width: 100px
}

.page-index .pro .rightBox .t-head.two li span:nth-child(2) {
    width: auto
}

.page-index .pro .rightBox .t-head.two li span:last-child {
    width: 115px
}

.page-index .pro .rightBox .mod-table {
    padding: 0;
    height: 368px;
    overflow: hidden;
    margin-bottom: 15px
}

.page-index .pro .rightBox .mod-table ul li {
    height: 46px;
    line-height: 46px;
    color: #70757e;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.page-index .pro .rightBox .mod-table .t-body {
    position: relative
}

.page-index .pro .rightBox .mod-table .t-body .cur {
    background: #f8f8f8
}

.page-index .pro .rightBox .mod-table .t-body li span {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-index .pro .rightBox .mod-table .t-body span:first-child {
    width: 78px
}

.page-index .pro .rightBox .mod-table .t-body span:nth-child(2) {
    width: 80px
}

.page-index .pro .rightBox .mod-table .t-body span:last-child {
    width: 72px;
    color: #f9cb1a;
    float: right;
    margin-right: 0
}

.page-index .pro .rightBox .mod-table .t-body.two li span:first-child {
    width: 100px
}

.page-index .pro .rightBox .mod-table .t-body.two li span:nth-child(2) {
    width: auto
}

.page-index .pro .rightBox .mod-table .t-body.two li span:last-child {
    width: 115px
}

.page-index .pro .rightBox .qaq {
    padding: 10px 0
}

.page-index .pro .rightBox .qaq li {
    width: 100%;
    float: left;
    height: 41px;
    line-height: 41px;
    overflow: hidden
}

.page-index .pro .rightBox .qaq li i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 2px solid #bdc4d3;
    float: left;
    margin: 15px 10px 0 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.page-index .pro .rightBox .qaq li p {
    width: 228px
}

.page-index .pro .rightBox .qaq li a {
    color: #70747e
}

.page-index .pro .rightBox .qaq li a:hover {
    color: #f9cb1a;
    font-weight: 600
}

.page-index .book {
    overflow: hidden
}

.page-index .book .bookBox {
    width: 101%;
    overflow: hidden
}

.page-index .book .item {
    width: 287px;
    float: left;
    border-right: 1px solid #f1f1f1;
    margin-right: -1px;
    margin-bottom: -1px
}

.page-index .book .item .box {
    height: 43px;
    line-height: 43px;
    border-bottom: 1px dashed #e9e9e9;
    width: 246px;
    margin: 0 0 0 20px;
    transition: all .3s ease-in-out
}

.page-index .book .item em {
    float: right;
    margin-right: 15px
}

.page-index .book .item .nowrap {
    width: 150px;
    margin-left: 10px;
    color: #f9cb1a
}

.page-index .book .item a {
    color: #70757e
}

.page-index .book .item a:hover .nowrap {
    color: #f9cb1a
}

.page-index #focus {
    width: 860px;
    height: 344px;
    clear: both;
    overflow: hidden;
    position: relative;
    float: left
}

.page-index #focus ul {
    width: 860px;
    height: 344px;
    float: left;
    position: absolute;
    clear: both;
    padding: 0;
    margin: 0
}

.page-index #focus ul li {
    float: left;
    width: 860px;
    height: 400px;
    overflow: hidden;
    position: relative;
    padding: 0;
    margin: 0
}

.page-index #focus .preNext {
    display: none;
    width: 36px;
    height: 60px;
    position: absolute;
    top: 140px;
    cursor: pointer
}

.page-index #focus .pre {
    left: 0;
    background: url(../img/pre1.png) left center no-repeat
}

.page-index #focus .next {
    right: 0;
    background: url(../img/next1.png) right center no-repeat
}

.page-index #focus:hover .preNext {
    display: block
}

.page-index #gundongAreaMain2,
.page-index #gundongAreaMain2 li,
.page-index #gundongAreaMain3,
.page-index #gundongAreaMain3 li {
    float: left
}

.page-index #gundongAreaMain1 {
    float: left;
    width: 800%
}

.zt-popup .c-orange {
    color: #f9cb1a!important
}

.zt-popup .payBox {
    background-color: #fff;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 420px;
    height: 230px;
    margin-top: -115px;
    margin-left: -210px;
    padding-top: 100px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 25px
}

.zt-popup .payBox:before {
    content: '';
    display: inline-block;
    width: 205px;
    height: 205px;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: -103px;
    margin-left: -103px;
    background-image: url(../img/zt-popup1.png);
    background-repeat: no-repeat;
    background-position: center
}

.zt-popup .icon-close {
    position: absolute;
    right: 15px;
    top: 19px
}

.zt-popup .btn {
    display: inline-block;
    width: 112px;
    height: 36px;
    line-height: 36px;
    background-color: #f9cb1a;
    color: #fff;
    margin-top: 20px
}

.zt-popup .btn:hover {
    background: #5e88f4
}

.zt-popup.end .payBox:before {
    background-image: url(../img/zt-popup2.png)
}

.zt-dialog .mask:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .4;
    z-index: 1000
}

.zt-dialog .dialog-cont,
.zt-dialog .refund-cont,
.zt-dialog .refund-flow-cont {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001
}

.zt-dialog .dialog-cont .dialog-close,
.zt-dialog .refund-cont .dialog-close,
.zt-dialog .refund-flow-cont .dialog-close {
    position: absolute;
    cursor: pointer
}

.zt-dialog .dialog-cont {
    width: 612px;
    height: 476px;
    background: url(../../dest/img/jy-dialog.png) no-repeat
}

.zt-dialog .dialog-cont .dialog-close {
    top: -20px;
    right: 80px
}

.zt-dialog .dialog-cont .dialog-btn {
    background: url(../../dest/img/jy-btn.png) no-repeat;
    position: absolute;
    bottom: 10px;
    left: 140px;
    width: 310px;
    height: 76px;
    cursor: pointer
}

.zt-dialog .dialog-cont .dialog-btn:hover {
    background: url(../../dest/img/jy-btn-hover.png) no-repeat
}

.zt-dialog .refund-cont {
    width: 614px;
    height: 500px;
    background: url(../../dest/img/modal-refund.png) no-repeat
}

.zt-dialog .refund-cont .dialog-close {
    top: 34px;
    right: 34px
}

.zt-dialog .refund-cont .qrcode {
    border-radius: 4px;
    position: absolute;
    left: 50%;
    top: 284px;
    margin-left: -55px
}

.zt-dialog .refund-flow-cont {
    left: 175px;
    transform: translateY(-50%);
    width: 468px;
    height: 394px;
    background: url(../../dest/img/modal-refund-flow.png) no-repeat
}

.zt-dialog .refund-flow-cont .dialog-close {
    top: 3px;
    right: 10px
}

.zt-dialog .refund-flow-cont .qrcode {
    border-radius: 4px;
    border: 1px solid #cfc7c7;
    position: absolute;
    left: 96px;
    top: 160px
}

.zt-dialog .refund-flow-cont .font-box {
    position: absolute;
    top: 120px;
    left: 94px
}

.zt-dialog .refund-flow-cont .font-box p {
    font-size: 15px;
    font-weight: 500;
    line-height: 40px
}

.zt-dialog .refund-flow-cont .flow-two {
    margin-top: 112px
}

.foot_fuc {
    background: url(../img/jy_fuc.png) top center no-repeat;
    width: 1228px;
    height: 95px;
    position: fixed;
    bottom: 0;
    display: block;
    z-index: 999
}

.foot_fuc .icon-ad_close {
    position: absolute;
    right: 10px;
    top: -20px;
    cursor: pointer
}

.page-bayWindow {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    text-align: center
}

.page-bayWindow .window-cont {
    display: inline-block;
    position: relative
}

.page-bayWindow .window-close {
    display: inline-block;
    width: 19px;
    height: 24px;
    position: absolute;
    right: 45px;
    top: -20px;
    z-index: 10;
    background: url(../img/window-close.png) no-repeat
}

.page-bayWindow .window-img,
.page-bayWindow .window-img img {
    width: 100%
}

.query_tool {
    position: fixed;
    right: 0;
    top: 340px;
    z-index: 100
}

.query_tool .query_tool_bg {
    display: inline-block;
    color: #fff;
    line-height: 18px;
    padding: 6px 5px 6px 0;
    background-color: #ff4701;
    height: 36px;
    width: 56px
}

.query_tool:before {
    content: '';
    background: url(../img/search_tip.png) center no-repeat;
    position: fixed;
    right: 61px;
    top: 340px;
    z-index: 100;
    height: 48px;
    width: 48px
}

.dmTextarea {
    padding: 6px;
    position: absolute
}

.dmTyping {
    height: 180px;
    top: 5px;
    z-index: 9
}

.top_nav {
    text-align: center;
    border: 1px solid #b6caff;
    zoom: 1
}

.top_nav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.top_nav li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    line-height: 50px;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer
}

.top_nav li:first-child {
    border-right: 1px solid #b6caff
}

.top_nav li.active {
    color: #f9cb1a;
    background-color: #e5ecff;
    font-weight: 700
}

.page-booking .com_input {
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 15px;
    padding: 9px 7px;
    color: #777
}

.page-booking .com_input:focus {
    color: #333
}

.page-booking .hide {
    display: none
}

.page-booking .save-current-cond {
    margin-left: 10px;
    cursor: pointer;
    color: #f9cb1a
}

.page-booking .orange_box .label i.ui-label:first-child,
.page-booking .orange_box label i.ui-label:first-child {
    text-align: right!important;
    width: 87px
}

.page-booking .bookingMain {
    position: relative
}

.page-booking .bookingMain.lt-main {
    margin: 20px auto
}

.page-booking .bookingMain .tip-box {
    @include fn-clear;
    margin: 10px 0
}

.page-booking .bookingMain .tip-box .ui-select {
    height: 34px;
    line-height: 34px
}

.page-booking .bookingMain .tip-box .ui-label {
    color: #444;
    line-height: 32px;
    height: 32px
}

.page-booking .bookingMain .tip-box .ui-input::placeholder {
    font-size: 14px;
    vertical-align: middle
}

.page-booking .bookingMain .tip-box .keywords-wrap {
    position: absolute;
    z-index: 2
}

.page-booking .bookingMain .tip-box .keywords-wrap:focus {
    height: 140px
}

.page-booking .bookingMain .mod-table {
    padding-bottom: 80px;
    margin-top: 20px
}

.page-booking .bookingMain .mod-table tr td:nth-child(2) {
    white-space: nowrap
}

.page-booking .bookingMain .fixed {
    width: 1112px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -556px;
    background: #fff
}

.page-booking .bookingMain th .offerPop {
    position: absolute;
    top: -35px;
    padding: 0 5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    font-size: 12px;
    width: 130px
}

.page-booking .bookingMain th .offerPop .icon-offerJiao {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    top: 28px;
    left: 55px
}

.page-booking .bookingMain .mod-table.bubble-table {
    padding: 20px
}

.page-booking .bookingMain .bubble-table .table-box {
    position: relative;
    padding: 20px 20px 80px
}

.page-booking .bookingMain .bubble-table .bubble-arrow {
    position: relative
}

.page-booking .bookingMain .bubble-table .bubble-arrow::after,
.page-booking .bookingMain .bubble-table .bubble-arrow::before {
    content: "";
    border-width: 8px;
    border-style: solid dashed dashed;
    position: absolute;
    left: 12px;
    z-index: 11
}

.page-booking .bookingMain .bubble-table .bubble-arrow::before {
    border-color: transparent transparent #e5e5e5;
    top: 22px
}

.page-booking .bookingMain .bubble-table .bubble-arrow::after {
    border-color: transparent transparent #f8f8f8;
    top: 24px
}

.page-booking .bookingMain .bubble-table .bubble-box {
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 6px rgba(232, 232, 232, .9);
    position: relative;
    background-color: #f8f8f8;
    margin-top: -18px
}

.page-booking .bookingMain .bubble-table .bubble-box .fixed,
.page-booking .bookingMain .bubble-table .bubble-box th {
    background-color: #f8f8f8
}

.page-booking .bookingMain .bubble-table .icon-switch.down {
    transform: rotateZ(180deg)
}

.page-booking .bookingMain .bubble-table .ui-btn-disable {
    cursor: pointer!important
}

.page-booking .popBooking {
    padding: 0 10px 10px
}

.page-booking .popBooking .arow {
    display: inline-block;
    width: 5px;
    height: 5px;
    float: left;
    margin: 9px 8px 0 0;
    background: #f9cb1a
}

.page-booking .popBooking .popTitle {
    padding: 0 0 10px
}

.page-booking .popBooking .popList {
    width: 100%;
    zoom: 1
}

.page-booking .popBooking .popList:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-booking .popBooking .popList li {
    width: 100%;
    float: left;
    line-height: 20px;
    padding: 3px 0
}

.page-booking .book-tip {
    float: right;
    margin-right: 6px
}

.page-booking .book-tip .book-text {
    font-size: 14px;
    color: #ff4701;
    vertical-align: middle
}

.page-bookingBatch .batch {
    width: 770px;
    margin: 0 auto;
    padding: 60px 0 40px;
    zoom: 1
}

.page-bookingBatch .batch:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-bookingBatch .batch h3 {
    font-size: 18px
}

.page-bookingBatch .batch h3 span.fn-right .icon-radio {
    float: left;
    margin: 2px 5px 0 0
}

.page-bookingBatch .batch .ui-textarea {
    width: 750px;
    height: 270px
}

.page-bookingBatch .batch .bottom {
    padding: 10px 0 0
}

.page-bookingBatch .recommend {
    margin: 0 55px;
    padding-bottom: 30px;
    overflow: hidden
}

.page-bookingBatch .recommend ul {
    overflow: hidden;
    margin: 20px -35px
}

.page-bookingBatch .recommend li {
    width: 386px;
    float: left;
    border-right: 1px solid #f1f1f1;
    margin-right: -1px;
    margin-bottom: -1px
}

.page-bookingBatch .recommend li .box {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px dashed #e9e9e9;
    margin: 0 35px;
    transition: all .3s ease-in-out
}

.page-bookingBatch .recommend li .ui-btn {
    float: right;
    margin: 14px 10px 0 40px;
    padding: 0 18px;
    height: 26px;
    line-height: 26px
}

.page-bookingBatch .recommend li em {
    float: right;
    margin-right: 20px;
    color: #70757e
}

.page-bookingBatch .recommend li .name {
    padding: 0 6px 0 20px;
    color: #f9cb1a
}

.page-bookingBatch .recommend li:hover .box {
    background: #f8f8f8
}

.page-bookingBatch .recommend li:hover .name {
    color: #f9cb1a
}

.page-bookingBatch .title {
    height: 42px;
    padding: 20px 0 0;
    line-height: 42px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 18px
}

.page-bookingBatch .title .cur {
    display: inline-block;
    padding: 0 3px;
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a
}

.page-bookingPayment .lt-main {
    min-height: 500px
}

.page-bookingPayment.mask-box .payBox {
    background-color: #fff;
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    padding: 30px 35px 20px;
    width: 730px;
    margin-top: -250px;
    margin-left: -365px
}

.page-bookingPayment.mask-box .payBox .tit {
    text-align: center;
    font-size: 16px;
    line-height: 40px
}

.page-bookingPayment.mask-box .payBox .icon-close {
    position: absolute;
    right: 20px;
    top: 20px
}

.page-bookingPayment.mask-box .payBox .cart {
    line-height: 36px;
    float: left;
    width: 320px;
    margin-left: 20px
}

.page-bookingPayment.mask-box .payBox .cart a {
    cursor: pointer
}

.page-bookingPayment.mask-box .payBox .tip {
    padding-left: 30px;
    margin-top: 10px
}

.page-bookingPayment.mask-box .payBox .tip li {
    list-style: disc;
    font-size: 12px;
    color: #f9cb1a
}

.page-bookingPayment .payBox {
    width: 780px;
    margin: 0 auto;
    padding: 100px 0
}

.page-bookingPayment .payBox .mod-forms {
    font-size: 16px;
    color: #444
}

.page-bookingPayment .payBox .mod-forms .ui-input {
    width: 213px
}

.page-bookingPayment .payBox .mod-forms .icon-cue {
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -2px
}

.page-bookingPayment .payBox .mod-forms .ui-form.money {
    padding: 0
}

.page-bookingPayment .payBox .cart {
    line-height: 30px;
    padding-bottom: 20px
}

.page-bookingPayment .success {
    padding: 40px 0 30px 90px;
    min-height: 80px;
    position: relative;
    line-height: 30px;
    border-bottom: 1px solid #eee
}

.page-bookingPayment .success .icon-success1 {
    position: absolute;
    left: 0;
    top: 38px
}

.page-bookingPayment .success .block {
    padding: 10px 0
}

.page-bookingPaymentConfirm .fistTd {
    display: inline-block;
    padding-left: 10px;
    float: left
}

.page-bookingPaymentConfirm .icon-q {
    margin-top: 9px;
    float: left
}

.page-bookingPaymentConfirm .ui-radio-label {
    padding-right: 5px!important
}

.page-bookingPaymentConfirm .confirmList {
    position: relative;
    padding-top: 9px;
    margin-left: 20px;
    width: 340px
}

.page-bookingPaymentConfirm .confirmList .icon-confirm_jiao {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 1
}

.exclude-input,
.page-interface .batch,
.yuan-right {
    position: relative
}

.page-bookingPaymentConfirm .innerTable {
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8
}

.page-bookingPaymentConfirm .innerTable table {
    width: 100%
}

.page-bookingPaymentConfirm .innerTable table td {
    line-height: 25px;
    padding: 5px;
    text-align: left;
    border-bottom: 1px dashed #e6e6e6
}

.page-bookingPaymentConfirm .innerTable table tr:last-child td {
    border: none
}

.page-bookingPaymentConfirm .innerTable table tr.cur {
    color: #f9cb1a
}

.maxw100 {
    max-width: 100px
}

.yuan-right {
    float: right;
    top: 5px;
    left: 2px
}

.ban td:nth-child(2) i {
    margin-left: 5px
}

.domain-key-word,
.exclude {
    width: 70px;
    text-align: right!important
}

.book-domain-key-word {
    text-align: right!important;
    width: 60px
}

.book-channel {
    width: 61px;
    text-align: right!important
}

.w116 {
    width: 116px
}

.ui-form .begin-pr15 {
    padding-right: 15px
}

.domain-input {
    padding: 6px 5px 8px 6px
}

.exclude-input {
    padding: 4px 8px 4px 7px;
    height: 20px;
    margin-right: 12px
}

.w170 {
    width: 170px
}

.ml14 {
    margin-left: 14px
}

.classify_alert .pt8 {
    padding-top: 8px
}

.classify_alert .pb8 {
    padding-bottom: 8px
}

.mod-filter .sele-size {
    width: 170px;
    height: 30px
}

.mod-filter .sele-w75 {
    width: 75px
}

.mod-filter .label-and-pdlr {
    padding: 0 7px;
    width: auto!important
}

.mod-filter .w1214 {
    width: 1214px
}

.book-search-result {
    font-size: 18px;
    color: #666
}

.page-interface .tip {
    background: #fff7f4;
    border: 1px solid #f8af93;
    padding: 15px 30px;
    line-height: 30px;
    margin: 50px 0 20px
}

.page-interface .batch .batchList {
    position: absolute;
    width: 200px;
    padding: 10px 20px;
    background: #f8f8f8;
    border: 1px solid #f3f3f3;
    left: -100px;
    top: 35px;
    text-align: left;
    z-index: 99;
    -webkit-box-shadow: 0 0 10px rgba(206, 206, 206, .5);
    -moz-box-shadow: 0 0 10px rgba(206, 206, 206, .5);
    box-shadow: 0 0 10px rgba(206, 206, 206, .5)
}

.page-interface .batch .batchList .ui-checkbox {
    top: 4px
}

.page-interface .batch .batchList .ui-label {
    line-height: 32px
}

.page-interface .batch .batchList .icon-confirm_jiao {
    position: absolute;
    top: -10px;
    left: 103px
}

.page-interface .tableBottom {
    padding: 20px 0 0
}

.page-interface .title {
    padding: 30px 44px 0;
    line-height: 30px;
    height: 30px
}

.page-interface .title span {
    color: #444
}

.page-interface .title .unread {
    display: none;
    padding: 0 3px;
    background: #ff3737;
    color: #fff;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    font-family: 宋体;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    margin-top: -14px
}

.page-interface .title .j-clickHide {
    display: inline-block;
    float: right;
    width: 69px;
    height: 23px;
    line-height: 23px;
    color: #f9cb1a;
    background: #f4f7ff;
    text-align: center;
    margin-top: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.page-interface .choice .top,
.page-interface .priceBox .top {
    line-height: 50px
}

.page-interface .title .j-clickHide i {
    margin: 0 0 0 3px
}

.page-interface .title .j-clickHide:hover {
    background: #d9e3ff
}

.page-interface .title.cur {
    padding-bottom: 30px
}

.page-interface .title.cur .unread {
    display: inline-block
}

.page-interface .title.cur .icon-zhan {
    background-position: -422px -158px
}

.page-interface .content {
    padding: 0 44px
}

.page-interface .choice {
    background: #fafafa;
    padding: 10px 40px 33px;
    margin-top: 20px;
    border: 1px solid #f8f8f8
}

.page-interface .choice .choiceBox {
    overflow: hidden;
    width: 1030px
}

.page-interface .choice .choiceBox .choiceBoxTable {
    overflow: hidden;
    width: 1034px
}

.page-interface .choice .choiceBox .mod-table th {
    border-bottom: 1px dashed #eee;
    font-size: 14px;
    line-height: 50px
}

.page-interface .choice .choiceBox .mod-table td {
    border-bottom: 1px dashed #eee0e0
}

.page-interface .choice .choiceBox .mod-table tr.cur {
    background: #fffbfa
}

.page-interface .choice .choiceBox .mod-table tr.lastTr td {
    border-bottom: none
}

.page-interface .priceBox .box {
    background: #fff7f4;
    border: 1px solid #f8af93;
    padding: 10px 50px
}

.page-interface .priceBox .bottom {
    padding: 20px 0 10px;
    color: #444;
    border-top: 1px dashed #dedede;
    zoom: 1
}

.page-interface .priceBox .bottom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-interface .priceBox .bottom input {
    vertical-align: middle
}

.page-interface .priceBox .ui-btn-big {
    width: 110px
}

.page-recommend .recommend ul {
    overflow: hidden
}

.page-recommend .recommend li {
    width: 400px;
    float: left;
    border-right: 1px solid #f1f1f1;
    margin-right: -1px;
    margin-bottom: -1px
}

.page-recommend .recommend li .box {
    height: 59px;
    line-height: 59px;
    border-bottom: 1px dashed #e9e9e9;
    width: 355px;
    margin: 0 0 0 20px;
    transition: all .3s ease-in-out
}

.page-recommend .recommend li:hover .box {
    margin: 0 0 0 10px
}

.page-recommend .recommend li.li1 {
    border-top: 1px solid #f9565e
}

.page-recommend .recommend li.li2 {
    border-top: 1px solid #2aa3ee
}

.page-recommend .recommend li.li3 {
    border-top: 1px solid #fd9c29
}

.page-recommend .recommend li .ui-btn {
    float: right;
    margin: 14px 10px 0 40px;
    padding: 0 18px;
    height: 26px;
    line-height: 26px
}

.page-recommend .recommend li em {
    float: right
}

.page-recommend .recommend li .name {
    padding: 0 6px 0 13px
}

.page-recommend .mod-pro1 {
    overflow: hidden;
    height: auto;
    margin-top: 0
}

.page-recommend .mod-pro1 li {
    width: 300px
}

.page-recommend .ui-floatCenter {
    padding: 10px 0 25px
}

.offerPop {
    background: #fffdfc;
    line-height: 28px!important;
    border: 1px solid #ffece2;
    padding: 7px 15px;
    position: relative;
    zoom: 1
}

.offerPop .gundong,
.offerPop .v-gundong {
    padding: 5px;
    line-height: 34px;
    overflow: hidden
}

.offerPop:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.offerPop .icon-offerJiao {
    position: absolute;
    left: 40px;
    top: -8px
}

.offerPop.icon-i {
    width: 100%;
    color: #f9cb1a;
    box-sizing: border-box
}

.offerPop.icon-i .icon-icon-i {
    margin-left: 10px;
    margin-right: 5px
}

.offerPop.newPop {
    background: #fff2eb;
    border: 2px solid #ff9971
}

.offerPop.newPop .c_green,
.offerPop.newPop .c_red2 {
    font-weight: 700
}

.offerPop .del-x {
    position: absolute;
    right: 15px;
    top: 16px
}

.offerPop .del-x:hover {
    cursor: pointer
}

.offerPop .boo-class {
    width: 44px;
    height: 44px;
    display: inline-block;
    background-color: #FFEFE7;
    text-align: center
}

.offerPop .gundong {
    font-size: 12px;
    height: 34px
}

.offerPop .gundong #gundongAreaMain1 {
    float: left;
    width: 800%
}

.offerPop .gundong #gundongAreaMain2,
.offerPop .gundong #gundongAreaMain2 li,
.offerPop .gundong #gundongAreaMain3,
.offerPop .gundong #gundongAreaMain3 li {
    float: left
}

.offerPop .gundong #gundongAreaMain2 .marq-cont,
.offerPop .gundong #gundongAreaMain2 li .marq-cont,
.offerPop .gundong #gundongAreaMain3 .marq-cont,
.offerPop .gundong #gundongAreaMain3 li .marq-cont {
    margin-right: 25px;
    font-size: 14px
}

.offerPop .v-gundong {
    font-size: 12px;
    height: 34px
}

.offerPop .v-gundong #gundongAreaMain1 li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.offerPop .btn-box {
    width: 170px;
    height: 34px;
    line-height: 34px;
    background-color: #fffdfc;
    position: absolute;
    top: 4px;
    right: 0;
    text-align: right
}

.offerPop .btn-box .ui-btn {
    padding: 0 10px;
    margin-right: 8px;
    border-radius: 2px;
    z-index: 2
}

.icon-q1 {
    margin-top: -4px;
    margin-left: 5px
}

.page-auctionDetail {
    color: #242d4e
}

.page-auctionDetail .col-gray {
    color: #929fb1!important
}

.page-auctionDetail .main1200 {
    background: unset
}

.page-auctionDetail .lt-left,
.page-auctionDetail .lt-right {
    background-color: #fff
}

.page-auctionDetail .title {
    height: 36px;
    padding: 18px 0 0;
    line-height: 36px;
    border-bottom: 1px solid #f1f1f1;
    font-size: 16px
}

.page-auctionDetail .title .cur {
    display: inline-block;
    padding: 0 3px;
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a
}

.page-auctionDetail .ui-btn-tip {
    display: inline-block;
    margin-top: 7px
}

.page-auctionDetail .pb20 {
    padding-bottom: 20px!important
}

.page-auctionDetail .j-inputText {
    cursor: pointer
}

.page-auctionDetail i.ui-label.col-gray {
    width: 110px;
    text-align: right;
    padding-right: 10px;
    color: #999
}

.page-auctionDetail .bgCol {
    background: #f9fbff
}

.page-auctionDetail .borB {
    border-bottom: 1px dashed #f1f1f1
}

.page-auctionDetail .hidden {
    overflow: hidden
}

.page-auctionDetail .lt-left {
    width: 810px;
    margin: 0;
    float: left;
    padding: 16px 25px;
    border-right: 0;
    zoom: 1
}

.page-auctionDetail .lt-left:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .top {
    min-height: 48px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    zoom: 1
}

.page-auctionDetail .lt-left .top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .top span {
    font-size: 28px;
    line-height: 40px;
    padding-right: 5px;
    float: left;
    display: inline-block;
    max-width: 450px;
    overflow: hidden
}

.page-auctionDetail .lt-left .top span.prompt-tip {
    line-height: 16px;
    display: none;
    font-size: 12px;
    max-width: unset;
    float: none
}

.page-auctionDetail .lt-left .top span.prompt-tip span {
    font-size: 12px;
    line-height: 16px;
    max-width: unset;
    float: none;
    display: inline
}

.page-auctionDetail .lt-left .top .icon-auction {
    text-indent: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    float: left;
    margin-top: -8px
}

.page-auctionDetail .lt-left .top .right {
    overflow: hidden
}

.page-auctionDetail .lt-left .top .right p {
    zoom: 1;
    display: inline-block;
    vertical-align: middle
}

.page-auctionDetail .lt-left .top .right p:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .top .right a.trans_3 {
    display: inline-block;
    float: right;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #f9cb1a;
    border: 1px solid #f9cb1a;
    padding: 0 8px;
    margin-left: 6px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.page-auctionDetail .lt-left .top .right a.trans_3:hover {
    background: #f9cb1a;
    color: #fff
}

.page-auctionDetail .lt-left .top .right .star a.follow,
.page-auctionDetail .lt-left .top .right .star a.qzone,
.page-auctionDetail .lt-left .top .right .star a.sina,
.page-auctionDetail .lt-left .top .right .star a.tqq {
    background-image: url(../img/sprite.1685498358207.png)!important;
    height: 16px!important
}

.page-auctionDetail .lt-left .top .right .star {
    text-align: right;
    padding: 10px 0
}

.page-auctionDetail .lt-left .top .right .star a {
    margin: 0 0 0 5px;
    float: left;
    padding: 0
}

.page-auctionDetail .lt-left .top .right .star a.follow {
    background-position: -227px -171px!important;
    width: 49px!important
}

.page-auctionDetail .lt-left .top .right .star a.qzone {
    background-position: -344px -334px!important;
    width: 16px!important
}

.page-auctionDetail .lt-left .top .right .star a.tqq {
    background-position: -370px -308px!important;
    width: 16px!important
}

.page-auctionDetail .lt-left .top .right .star a.sina {
    background-position: -150px -113px!important;
    width: 16px!important
}

.page-auctionDetail .lt-left .top .right .star a.weixin {
    background-image: url(../img/weixin.png);
    background-position: 0 -1612px;
    width: 16px!important;
    height: 16px!important
}

.page-auctionDetail .lt-left .top .box-icon {
    float: left;
    margin: 10px 10px 0
}

.page-auctionDetail .lt-left .top .box-icon i:not(:first-child) {
    margin-left: 5px
}

.page-auctionDetail .lt-left .top .box-icon .prompt-icon:hover .prompt-tip {
    display: block;
    margin-top: 10px
}

.page-auctionDetail .lt-left .date {
    padding: 25px 0 0
}

.page-auctionDetail .lt-left .date ul {
    width: 804px;
    zoom: 1
}

.page-auctionDetail .lt-left .date ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .date li {
    width: 180px;
    height: 44px;
    border-right: 1px dashed #d9d9d9;
    padding-left: 20px;
    float: left
}

.page-auctionDetail .lt-left .date li:last-child {
    border: none
}

.page-auctionDetail .lt-left .date li .block {
    display: block
}

.page-auctionDetail .lt-left .date li .qaqBox {
    top: -15px;
    left: 28px
}

.page-auctionDetail .lt-left .date li .popGZ {
    top: -30px;
    left: -30px
}

.page-auctionDetail .lt-left .date li .popGZ.pop-warn {
    width: 180px
}

.page-auctionDetail .lt-left .noBid {
    height: 45px;
    line-height: 45px;
    padding-left: 105px;
    position: relative;
    margin-bottom: 20px;
    color: #8c96b3;
    background: #f6f8fe;
    zoom: 1
}

.page-auctionDetail .lt-left .noBid:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .noBid i {
    position: absolute;
    left: 20px;
    top: -6px
}

.page-auctionDetail .lt-left .noBid.bg1 {
    background: #fff7f7;
    color: #444
}

.page-auctionDetail .lt-left .noBid.bg2 {
    background: #f6f8fe;
    color: #444
}

.page-auctionDetail .lt-left .noBid .item {
    display: inline-block;
    padding-left: 20px;
    width: 280px;
    float: left
}

.page-auctionDetail .lt-left .item-box {
    padding: 10px 22px 10px 44px;
    background-color: #f3f7fa;
    font-size: 14px;
    zoom: 1
}

.page-auctionDetail .lt-left .item-box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .item-box li {
    width: 42%;
    line-height: 28px;
    float: left
}

.page-auctionDetail .lt-left .item-box li:nth-child(2n) {
    width: 58%
}

.page-auctionDetail .lt-left .offerBox {
    padding: 0;
    font-size: 16px
}

.page-auctionDetail .lt-left .offerBox .ui-checkbox-label {
    padding-right: 5px
}

.page-auctionDetail .lt-left .offerBox .dollar {
    font-size: 18px;
    position: absolute;
    left: 119px;
    top: 12px
}

.page-auctionDetail .lt-left .offerBox .mod-table {
    display: none;
    padding: 20px 0
}

.page-auctionDetail .lt-left .offerBox .customiseTip {
    text-align: center;
    color: #f9cb1a;
    padding: 10px;
    border: 1px solid #ffece2;
    border-radius: 3px;
    font-size: 14px
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box .icon-q {
    margin-right: 3px
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box .qaqBox {
    left: 0
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box .qaqBox .popGZ {
    width: auto;
    font-size: 12px;
    left: -58px;
    top: -20px
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box.right-pretip {
    margin-top: 5px;
    vertical-align: top
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box.right-pretip .qaqBox {
    left: calc(100% + 12px)
}

.page-auctionDetail .lt-left .offerBox .q1qaq-box.right-pretip .icon-q1 {
    margin-top: 0
}

.page-auctionDetail .lt-left .offerBox .mod-forms {
    padding: 10px 0
}

.page-auctionDetail .lt-left .offerBox .mod-forms .ui-label {
    line-height: 25px
}

.page-auctionDetail .lt-left .offerBox .mod-forms .ui-radio {
    top: 6px
}

.page-auctionDetail .lt-left .offerBox .mod-forms span.ui-label {
    max-width: 690px;
    white-space: normal;
    text-align: left;
    padding: 0
}

.page-auctionDetail .lt-left .offerBox .mod-forms span.ui-label .jiayoubao {
    width: auto;
    margin-top: 0;
    padding: 3px 14px 3px 42px;
    background-position-y: 6px
}

.page-auctionDetail .lt-left .offerBox .mod-forms span.ui-label .jiayoubao.iconless {
    padding-left: 10px
}

.page-auctionDetail .lt-left .offerBox .mod-forms .offerPop {
    padding: 4px 15px 2px
}

.page-auctionDetail .lt-left .offerBox .mod-forms .offerPop i.ui-label {
    line-height: 32px
}

.page-auctionDetail .lt-left .offerBox .mod-forms .j-select .ui-btn {
    border-radius: 4px;
    width: 98px;
    height: 34px;
    line-height: 34px;
    font-size: 14px
}

.page-auctionDetail .lt-left .offerBox .mod-forms .j-select .ui-btn-white {
    background: #f5f7fa;
    border-color: #e3e6ed;
    color: #444
}

.page-auctionDetail .lt-left .offerBox .auction_rules,
.page-auctionDetail .lt-left .offerBox .billing_rules {
    display: none;
    margin-top: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #666;
    line-height: 32px
}

.page-auctionDetail .lt-left .offerBox .auction_rules p::before,
.page-auctionDetail .lt-left .offerBox .billing_rules p::before {
    content: '';
    height: 3px;
    width: 3px;
    background-color: #666;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 5px
}

.page-auctionDetail .lt-left .offerBox .active {
    display: block
}

.page-auctionDetail .lt-left .offerBox .price-box {
    width: 180px;
    line-height: 34px;
    background-color: #e7ecf5;
    border: 1px solid #ced3dd;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    zoom: 1
}

.page-auctionDetail .lt-left .offerBox .price-box:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .offerBox .price-box+span {
    display: inline-block
}

.page-auctionDetail .lt-left .offerBox .price-box .ui-input {
    width: 144px;
    height: auto;
    padding: 9px 10px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-radius: 4px 0 0 4px;
    border-color: #ced3dd;
    box-sizing: border-box
}

.page-auctionDetail .lt-left .moreBox a {
    display: block;
    border: 1px solid #dee7ff;
    height: 42px;
    line-height: 42px;
    color: #f9cb1a;
    text-align: center
}

.page-auctionDetail .lt-left .moreBox a:hover {
    background: #dee7ff
}

.page-auctionDetail .lt-left .rule {
    line-height: 32px;
    color: #666
}

.page-auctionDetail .lt-left .rule .block {
    font-weight: 600;
    padding: 10px 0 0;
    display: block
}

.page-auctionDetail .lt-left .rule p {
    margin-bottom: 10px
}

.page-auctionDetail .lt-left .noLogin {
    background: #f9f9f9;
    padding: 20px 0
}

.page-auctionDetail .lt-left .noLogin p {
    line-height: 30px;
    padding: 10px 0 20px;
    text-align: center
}

.page-auctionDetail .lt-left .noLogin i {
    vertical-align: middle;
    margin: -3px 7px 0 0
}

.page-auctionDetail .lt-left .noLogin-cont {
    color: #ff6700;
    text-align: center;
    line-height: 28px;
    width: 570px;
    margin: 0 auto 20px;
    font-size: 16px
}

.page-auctionDetail .lt-left .tab {
    zoom: 1
}

.page-auctionDetail .lt-left .tab:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-auctionDetail .lt-left .tab .tab-item {
    padding: 0 3px;
    margin-right: 45px;
    cursor: pointer
}

.page-auctionDetail .lt-left .tab .more {
    display: none
}

.page-auctionDetail .lt-left .tab .more.active {
    display: block
}

.page-auctionDetail .tip {
    position: relative;
    padding: 10px 5px 10px 55px;
    background: #fffdfc;
    border: 1px solid #ffece2;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.page-auctionDetail .tip .icon-cue {
    position: absolute;
    left: 30px;
    top: 13px
}

.page-auctionDetail .lt-right {
    width: 270px;
    float: right;
    padding: 13px 30px 0;
    margin: 0
}

.page-auctionDetail .lt-right .t-head {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.page-auctionDetail .lt-right .t-head li {
    font-size: 0!important;
    height: 46px;
    line-height: 46px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.page-auctionDetail .lt-right .t-head li span {
    display: inline-block;
    font-size: 14px
}

.page-auctionDetail .lt-right .t-head li span:first-child {
    width: 78px
}

.page-auctionDetail .lt-right .t-head li span:nth-child(2) {
    width: 80px
}

.page-auctionDetail .lt-right .t-head li span:last-child {
    width: 72px;
    float: right;
    margin-right: 0
}

.page-auctionDetail .lt-right .t-head.two li span:first-child {
    width: 100px
}

.page-auctionDetail .lt-right .t-head.two li span:nth-child(2) {
    width: auto
}

.page-auctionDetail .lt-right .t-head.two li span:last-child {
    width: 115px
}

.page-auctionDetail .lt-right .mod-table {
    height: 230px;
    overflow: hidden;
    margin-bottom: 15px
}

.page-auctionDetail .lt-right .mod-table ul li {
    height: 46px;
    line-height: 46px;
    color: #70757e;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.page-auctionDetail .lt-right .mod-table .t-body {
    position: relative
}

.page-auctionDetail .lt-right .mod-table .t-body .cur {
    background: #f8f8f8
}

.page-auctionDetail .lt-right .mod-table .t-body li span {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-auctionDetail .lt-right .mod-table .t-body span:first-child {
    width: 78px
}

.page-auctionDetail .lt-right .mod-table .t-body span:nth-child(2) {
    width: 80px
}

.page-auctionDetail .lt-right .mod-table .t-body span:last-child {
    width: 72px;
    color: #f9cb1a;
    float: right;
    margin-right: 0
}

.page-auctionDetail .lt-right .mod-table .t-body.two li span:first-child {
    width: 100px
}

.page-auctionDetail .lt-right .mod-table .t-body.two li span:nth-child(2) {
    width: auto
}

.page-auctionDetail .lt-right .mod-table .t-body.two li span:last-child {
    width: 115px
}

.page-auctionDetail .lt-right .change_table {
    background: #f0f4ff;
    width: 262px;
    border: 1px solid #c1d3ff;
    text-align: center;
    line-height: 27px;
    margin-bottom: 10px
}

.page-auctionDetail .lt-right .change_table a {
    padding: 0 20px;
    background: url(../img/fresh_table.png) 0 no-repeat
}

.page-auctionDetail .lt-right .change_table a span {
    font-size: 14px;
    color: #f9cb1a
}

.page-auctionDetail .lt-right .change_table a:hover {
    color: #f9cb1a
}

.page-auctionDetail .lt-right .banner {
    width: 100%;
    min-width: 265px;
    height: 166px;
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
    position: relative;
    z-index: 2
}

.page-auctionDetail .lt-right .banner #myjQuery {
    width: 100%;
    height: 100%;
    background: #000;
    overflow: hidden;
    position: relative
}

.page-auctionDetail .lt-right .banner #myjQueryContent {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.page-auctionDetail .lt-right .banner #myjQueryContent div {
    height: 100%;
    margin-left: -132px;
    position: absolute;
    left: 50%
}

.page-auctionDetail .lt-right .banner #myjQueryContent .smask {
    z-index: 1
}

.page-auctionDetail .lt-right .banner #myjQueryNav {
    display: block;
    height: 10px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 5;
    overflow: hidden
}

.page-auctionDetail .lt-right .banner #myjQueryNav li {
    float: left;
    width: 20px;
    height: 10px;
    margin: 0 5px;
    cursor: pointer;
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s ease-in-out;
    border-radius: 5px
}

.page-auctionDetail .lt-right .banner #myjQueryNav .nbg {
    background: #666
}

.page-auctionDetail .lt-right .banner #myjQueryNav .current {
    width: 40px!important
}

.page-auctionDetail .lt-right .mod-table {
    padding: 0
}

.page-auctionDetail .lt-right .mod-table table {
    table-layout: fixed;
    overflow: hidden
}

.page-auctionDetail .lt-right .mod-table th {
    color: #242d4e;
    font-weight: 400;
    font-size: 14px
}

.page-auctionDetail .lt-right .mod-table td {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-auctionDetail .lt-right .mod-table tr td a {
    color: #f9cb1a
}

.page-auctionDetail .lt-right .mod-table tr td a:hover {
    color: #f9cb1a
}

.page-auctionDetail .lt-right .mod-table tr td:first-child,
.page-auctionDetail .lt-right .mod-table tr th:first-child {
    padding-left: 10px
}

.page-auctionDetail .lt-right .mod-table tr.cur {
    background: #f9f9f9
}

.page-auctionDetail .lt-right .mod-table tr .domain {
    display: block;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-auctionDetail .lt-right .mod-table.recommend td {
    width: 50%;
    padding: 10px;
    color: #f9cb1a
}

.page-auctionDetail .lt-right .mod-table.recommend td a {
    color: #f9cb1a
}

.page-auctionDetail .lt-right .mod-table.recommend td:hover,
.page-auctionDetail .lt-right .mod-table.recommend td:hover a {
    color: #f9cb1a
}

.page-auctionDetail .lt-right .rule {
    height: 314px;
    overflow: scroll;
    padding: 10px 0 30px
}

.page-auctionDetail .lt-right .rule p {
    line-height: 24px;
    padding: 2px 0
}

.page-auctionDetail .lt-right .switch {
    overflow: hidden;
    margin-bottom: 14px
}

.page-auctionDetail .lt-right .switch ul {
    margin-right: -20px;
    border-bottom: 1px solid #f1f1f1
}

.page-auctionDetail .lt-right .switch li {
    float: left;
    padding: 15px 0;
    margin-right: 60px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer
}

.page-auctionDetail .lt-right .switch li.active {
    color: #f9cb1a;
    border-bottom: 2px solid #f9cb1a;
    margin-bottom: 0
}

.page-auctionDetail .lt-right .title {
    height: 46px;
    line-height: 46px;
    padding-top: 5px
}

.page-auctionDetail .lt-right .title>span {
    padding: 15px 0;
    font-size: 16px;
    line-height: 16px
}

.page-auctionDetail .confirmList {
    position: relative;
    padding-top: 9px;
    width: 340px;
    margin-top: -10px
}

.page-auctionDetail .confirmList .icon-confirm_jiao {
    position: absolute;
    top: 0;
    left: 50px;
    z-index: 1
}

.page-auctionDetail .innerTable {
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    background: #f8f8f8
}

.page-auctionDetail .innerTable table {
    width: 100%
}

.page-auctionDetail .innerTable table td {
    line-height: 25px;
    padding: 5px;
    text-align: left;
    border-bottom: 1px dashed #e6e6e6
}

.page-auctionDetail .innerTable table tr:last-child td {
    border: none
}

.page-auctionDetail .innerTable table tr.cur {
    color: #f9cb1a
}

.page-auctionDetail .qaq {
    width: 30px;
    float: left;
    position: relative;
    margin: 13px 0 0
}

.page-auctionDetail .l-pop-main .tip {
    padding: 7px 5px 7px 35px;
    margin: 10px 10px 0
}

.page-auctionDetail .l-pop-main .tip .icon-cue {
    left: 10px;
    top: 11px
}

.page-auctionDetail .warningText {
    margin: 10px 0 10px 20px;
    color: #e53935;
    font-weight: 700
}

.page-auctionDetail .invoice-tips {
    font-size: 14px;
    color: #f9cb1a;
    display: inline-block;
    margin-left: 120px;
    line-height: 30px
}

.popGZ,
.popGZ.pop-wrap,
.qaqText {
    line-height: 20px
}

.page-auctionDetail .invoice-tips .icon-q1 {
    margin-right: 5px
}

.page-auctionDetail .lt-main {
    margin: 10px auto 30px
}

.page-auctionDetail .lt-main .jiayoubao {
    width: 100%;
    margin-top: 10px;
    padding: 7px 18px 7px 42px;
    border-radius: 4px;
    background-size: 18px;
    background-position: 20px 9px
}

.page-auctionDetail .lt-main .jiayoubao.iconless {
    padding-left: 18px
}

.page-auctionDetail .offer-wrapper {
    margin: 10px auto
}

.qaqBox {
    position: absolute;
    top: -5px;
    width: 220px;
    height: 60px;
    z-index: 10;
    left: 0
}

.qaqText {
    background: #fff8f5;
    border: 1px solid #ffcdb8;
    font-size: 12px;
    color: #f9cb1a;
    padding: 2px 9px;
    width: 195px;
    word-break: break-all
}

.icon-qaqJiao {
    position: absolute;
    left: -6px;
    top: 18px;
    float: left
}

.q1qaq-box {
    display: inline-block;
    position: relative
}

.q1qaq-box .qaqBox {
    display: none
}

.q1qaq-box .qaqText {
    white-space: normal;
    text-align: left
}

.q1qaq-box:hover .qaqBox {
    display: block
}

.q1qaq-box.right-pretip {
    display: inline-flex;
    align-items: center
}

.q1qaq-box.right-pretip::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #fff8f5;
    border-left: 1px solid #ffcdb8;
    border-bottom: 1px solid #ffcdb8;
    position: absolute;
    transform: rotate(45deg);
    z-index: 101;
    display: none;
    right: -16px
}

.q1qaq-box.right-pretip:hover::after {
    display: inline-block
}

.q1qaq-box.right-pretip .qaqBox {
    width: 500px;
    text-align: left;
    left: calc(100% + 12px)
}

.q1qaq-box.right-pretip .qaqBox .qaqText {
    display: inline-flex;
    width: auto;
    padding: 2px 9px;
    box-sizing: border-box
}

.popGZ {
    width: auto;
    padding: 0 8px;
    border: 1px solid #f9cb1a;
    background: #fff;
    color: #f9cb1a;
    position: absolute;
    font-size: 12px;
    left: -58px;
    top: -20px
}

.popGZ:after,
.popGZ:before {
    content: "";
    border-width: 5px;
    border-style: solid dashed dashed;
    position: absolute;
    left: 60px
}

.popGZ:after {
    border-color: #f9cb1a transparent transparent;
    bottom: -11px;
    z-index: 10
}

.popGZ:before {
    border-color: #fff transparent transparent;
    bottom: -10px;
    z-index: 11
}

.popGZ.pop-warn {
    background: #fff8f5;
    border: 1px solid #ffcdb8;
    color: #f9cb1a
}

.bag-tip .icon-bag,
.jiayoubao {
    border-radius: 30px;
    color: #ba730f;
    box-sizing: border-box
}

.popGZ.pop-warn::before {
    border-color: #fff8f5 transparent transparent
}

.popGZ.pop-warn::after {
    border-color: #ffcdb8 transparent transparent
}

.popGZ.pop-wrap {
    top: -47px;
    font-size: 13px;
    width: 169px
}

.jiayoubao {
    padding: 6px 10px 6px 60px;
    background: url(../img/jiayoubao.png) 20px 4px no-repeat #fcf4e4;
    font-size: 14px
}

.jiayoubao.iconless {
    background: #fcf4e4;
    padding-left: 10px
}

.bag-tip {
    padding: 0 15px;
    margin-bottom: 10px
}

.bag-tip .icon-bag {
    padding: 8px 10px 8px 60px;
    font-size: 16px;
    width: 100%;
    background: url(../img/bag.gif) 20px 3px no-repeat #fff1d5
}

.triangle-tip {
    border: 1px solid #ffece2;
    background-color: #fffdfc;
    padding: 8px 20px;
    box-sizing: border-box
}

.triangle-tip .title {
    padding: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 32px;
    border-bottom: none
}

.triangle-tip .title .icon-triangle {
    position: relative;
    top: -1px;
    display: inline-block;
    background: url(../img/tip-triangle.png) center no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.triangle-tip li {
    position: relative;
    color: #545454;
    font-size: 14px;
    line-height: 32px;
    padding-left: 11px
}

.triangle-tip li::before {
    position: absolute;
    left: 0;
    top: 14px;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #a4a4a4
}

.triangle-tip .c-orange4 {
    color: #f9cb1a
}

.triangle-tip .fn-bold {
    font-weight: 600
}

.page-manage .box {
    padding: 30px 45px
}

.page-manage .title {
    font-size: 18px;
    color: #444;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
    zoom: 1
}

.page-manage .title:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-manage .title span {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-right: 60px
}

.page-manage .title span.cur {
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a
}

.page-manage .triangle-tip .title {
    font-size: 14px;
    font-weight: 800;
    height: 32px;
    line-height: 32px;
    border: unset;
    margin-bottom: 0
}

.page-manage .triangle-tip .title.c-orange4 {
    color: #f9cb1a
}

.page-manage .btnBox {
    padding: 30px 0
}

.page-manage .tabList {
    padding: 40px 0 0;
    min-height: 300px
}

.page-manage .tip {
    overflow: hidden;
    position: relative;
    padding: 10px 5px 10px 55px;
    background: #fffdfc;
    border: 1px solid #ffece2;
    margin: 0 auto 15px
}

.page-manage .tip .icon-cue {
    position: absolute;
    left: 30px;
    top: 13px
}

.page-manage .popBook .item .bottom {
    padding: 5px 20px 10px
}

.page-manage .top-input {
    height: 30px;
    line-height: 30px;
    width: 380px;
    float: none;
    margin-bottom: 15px
}

.page-manage .choiceBox {
    padding: 18px 25px;
    background-color: #fafafa
}

.page-manage .choiceBox .mod-table {
    padding: 0 20px 20px
}

.page-manage .choiceBox .mod-table th {
    padding: 5px 0;
    text-align: left;
    font-size: 14px
}

.page-manage .choiceBox .mod-table td {
    border-bottom: 1px dashed #eee0e0;
    text-align: left;
    line-height: 28px
}

.page-manage .choiceBox .mod-table td .guide {
    cursor: pointer
}

.page-manage .choiceBox .mod-table tr.cur {
    font-weight: 700;
    background: #fff6f3
}

.page-manage .choiceBox .mod-table tr.cur .icon-tuijian {
    position: relative;
    top: -9px;
    left: 3px
}

.page-manage .choiceBox .mod-table tr.guide-tr {
    background: #f2f5fe
}

.page-manage .choiceBox .mod-table tr.guide-tr:hover {
    background: #f2f5fe!important
}

.page-manage .choiceBox .mod-table tr.guide-tr td {
    padding: 16px
}

.page-manage .choiceBox .mod-table tr.guide-tr td p {
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.page-manage .choiceBox .mod-table tr.guide-tr td p:last-child {
    padding-top: 20px
}

.page-manage .choiceBox .mod-table tr.guide-tr td .til {
    font-weight: 700;
    padding-bottom: 20px;
    color: #444
}

.page-manage .choiceBox .mod-table tr.guide-tr td .text {
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333
}

.page-manage .choiceBox .mod-table tr.guide-tr td .tip {
    color: #f9cb1a
}

.page-manage .choiceBox .mod-table .icon-new {
    right: 15px
}

.page-manage .recommend {
    overflow: hidden;
    margin: 20px 15px
}

.page-manage .recommend li {
    width: 310px;
    float: left;
    padding: 0 20px;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #e9e9e9;
    transition: all .3s ease-in-out;
    position: relative
}

.page-manage .recommend li em {
    float: right;
    color: #70757e
}

.page-manage .recommend li .name {
    color: #f9cb1a
}

.page-manage .recommend li:nth-child(2n) {
    margin-left: 70px
}

.page-manage .recommend li:nth-child(2n)::before {
    content: '';
    border-left: 1px solid #f1f1f1;
    display: inline-block;
    position: absolute;
    left: -35px;
    height: 45px
}

.page-manage .recommend li:hover {
    background: #f8f8f8
}

.page-manage .recommend li:hover .name {
    color: #f9cb1a
}

.page-manage .ui-textarea {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px
}

.page-manage .classify_alert .selected,
.page-manage .ui-checkbox-label,
.page-manage .ui-radio-label {
    color: #666
}

.page-manage .lt-main {
    margin: 10px auto
}

.page-manage .lt-main .mod-table {
    margin-top: 10px
}

.page-manage .lt-main .mod-table .sear-border {
    border: 1px solid #e6e6e6
}

.page-manage .lt-main .mod-table .col-oran {
    color: #ff4701
}

.page-manage .book-lt-main {
    margin: 20px auto
}

.page-manage .lt-main .plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.page-manage .lt-main .pb10 {
    padding-bottom: 10px
}

.page-manage .offerPop.icon-i {
    margin-bottom: 10px
}

.page-manage .tabletit {
    padding: 10px 0
}

.page-manage textarea::-webkit-input-placeholder {
    color: #b0b0b0
}

.page-manage textarea:-moz-placeholder {
    color: #b0b0b0
}

.page-manage textarea::-moz-placeholder {
    color: #b0b0b0
}

.page-manage textarea::-ms-input-placeholder {
    color: #b0b0b0
}

.page-manage input::-webkit-input-placeholder {
    color: #b0b0b0
}

.page-manage input:-moz-placeholder {
    color: #b0b0b0
}

.page-manage input::-moz-placeholder {
    color: #b0b0b0
}

.page-manage input::-ms-input-placeholder {
    color: #b0b0b0
}

.page-manage [class*=" mod-table"],
.page-manage [class^=mod-table] {
    padding: 10px 44px
}

.page-manage .time-input {
    width: 200px
}

.page-manage .remind-input {
    margin-left: 80px;
    width: 720px;
    height: 130px;
    margin-bottom: 0
}

.page-manage .email-tri {
    position: relative;
    border-top: transparent 0 solid;
    border-bottom: #ccc 10px solid;
    border-right: transparent 10px solid;
    border-left: transparent 10px solid;
    width: 0;
    height: 0;
    transform: translateX(30px);
    margin-left: 160px
}

.page-manage .email-tri:after {
    position: absolute;
    content: "";
    border-top: transparent 0 solid;
    border-bottom: #f8f8f8 10px solid;
    border-right: transparent 10px solid;
    border-left: transparent 10px solid;
    width: 0;
    height: 0;
    transform: translate(-10px, 2px)
}

.page-manage .email-tip {
    margin-left: 66px;
    height: 40px;
    border: 1px solid #ccc;
    line-height: 40px;
    padding: 0 15px;
    width: max-content;
    background-color: #f8f8f8;
    color: #666
}

.page-manage .wx-tri {
    position: relative;
    border-top: transparent 0 solid;
    border-bottom: #ccc 10px solid;
    border-right: transparent 10px solid;
    border-left: transparent 10px solid;
    width: 0;
    height: 0;
    z-index: 1;
    transform: translateX(30px);
    margin-left: 248px
}

.page-manage .wx-tri:after {
    position: absolute;
    content: "";
    border-top: transparent 0 solid;
    border-bottom: #f8f8f8 10px solid;
    border-right: transparent 10px solid;
    border-left: transparent 10px solid;
    left: 0;
    top: 0;
    transform: translate(-10px, 2px)
}

.page-manage .wx-tip {
    box-sizing: border-box;
    position: relative;
    margin-left: 66px;
    height: 96px;
    border: 1px solid #ccc;
    padding: 0;
    width: 346px;
    background-color: #f8f8f8;
    color: #666
}

.page-manage .wx-tip .ename-logo-box {
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 5px
}

.page-manage .wx-tip .bd-ename-text-box {
    display: inline-block;
    position: relative;
    width: 240px
}

.page-manage .wx-tip .bd-ename-text {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 100px
}

.page-manage .wx-tip .bd-ename-text p {
    padding-bottom: 4px
}

.page-manage .book-set-btn {
    margin: 14px 80px 4px 65px;
    display: inline-block;
    width: 96px;
    height: 32px;
    background-color: #f9cb1a;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    cursor: pointer
}

.page-manage .book-set-btn:hover {
    background-color: #668ff9
}

.page-manage .w245 {
    width: 245px
}

.page-manage .book-selected-pd {
    padding: 13px 10px
}

.page-manage .book-carat-pos {
    top: 7px;
    right: 7px
}

.page-manage .new-pos {
    top: 43px
}

.page-manage .book-tip {
    color: #666;
    font-size: 14px;
    margin-top: 12px
}

.page-manage .comfirm-book-mr14 {
    margin-right: 14px
}

.page-manage .page-bookingPayment .pb8 {
    padding-bottom: 8px
}

.page-manage .page-bookingPayment .pointer {
    cursor: pointer
}

.page-manage .payBox .book {
    text-align: center;
    font-size: 16px
}

.page-manage .payBox .pt20 {
    padding-top: 20px
}

.page-manage .payBox .price-detail {
    float: left;
    width: 320px;
    margin-left: 20px
}

.page-manage .payBox .price-detail .icon-q {
    cursor: pointer;
    display: inline-block;
    vertical-align: baseline
}

.page-manage .payBox .price-detail .icon-q:hover+.zero-tip {
    display: inline-block
}

.page-manage .payBox .price-detail .zero-tip {
    border: 1px solid #767676;
    font-size: 12px;
    color: #585858;
    position: absolute;
    z-index: 30;
    line-height: 24px;
    padding: 0 5px;
    border-radius: 3px;
    background-image: linear-gradient(to top, #e4e5f0, #fefefe);
    box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, .35)
}

.page-manage .payBox .book-remind {
    margin-top: 25px;
    padding: 14px 10px 14px 34px;
    box-sizing: border-box;
    background-color: #fffdfc;
    font-size: 12px;
    color: #ff6224;
    border: 1px solid #ffece2
}

.page-manage .recoemnd-list,
.page-manage .recoemnd-table {
    padding-bottom: 10px;
    padding-top: 0
}

.page-manage .recoemnd-list li.cur,
.page-manage .recoemnd-table tr.cur {
    background: #f9f9f9
}

.page-manage .payBox .book-remind ul {
    list-style-type: square!important
}

.page-manage .mt5 {
    margin-top: 5px
}

.page-manage .mt22 {
    margin-top: 22px
}

.page-manage .mb32 {
    margin-bottom: 32px
}

.page-manage .mb28 {
    margin-bottom: 28px
}

.page-manage .lh20 {
    line-height: 20px
}

.page-manage .un_notice {
    font-size: 14px;
    margin-left: 5px
}

.page-manage .book-list-title {
    padding-top: 34px;
    margin: 0 30px 0 43px;
    font-size: 18px;
    color: #444;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1
}

.page-manage .book-list-title span {
    cursor: pointer;
    display: inline-block;
    margin-right: 50px
}

.page-manage .book-list-title .cur {
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a
}

.page-manage .book-lt-main .mt0 {
    margin-top: 0
}

.page-manage .book-lt-main .mt7 {
    margin-top: 7px
}

.page-manage .book-lt-main .pt0 {
    padding-top: 0
}

.page-manage .book-lt-main .pl24 {
    padding-left: 24px
}

.page-manage .book-lt-main .mb60 {
    margin-bottom: 60px
}

.page-manage .lt-main .mt0 {
    margin-top: 0
}

.page-manage .lt-main .mb30 {
    margin-bottom: 30px
}

.page-manage .lt-main .mb24 {
    margin-bottom: 24px
}

.page-manage .recoemnd-table tr {
    font-size: 14px;
    color: #444;
    line-height: 42px;
    position: relative;
    zoom: 1
}

.page-manage .recoemnd-table tr td {
    width: 50%;
    padding-left: 18px
}

.page-manage .recoemnd-table tr td:last-child {
    text-align: right
}

.page-manage .recoemnd-table tr a {
    color: #f9cb1a;
    clear: both
}

.page-manage .recoemnd-list li {
    padding-left: 18px;
    font-size: 14px;
    color: #444;
    line-height: 42px;
    position: relative;
    zoom: 1
}

.page-manage .com-lt-right .mod-table ul li,
.page-manage .com-lt-right .t-head li {
    line-height: 46px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden
}

.page-manage .recoemnd-list li a {
    position: absolute;
    color: #f9cb1a;
    clear: both;
    right: 22px;
    top: 0
}

.page-manage .com-lt-right .t-head {
    background-color: #fff;
    border-bottom: 1px solid #eee
}

.page-manage .com-lt-right .t-head li {
    font-size: 0;
    color: #666;
    height: 46px
}

.page-manage .com-lt-right .t-head li span {
    display: inline-block;
    font-size: 16px
}

.page-manage .com-lt-right .t-head li span:first-child {
    width: 78px
}

.page-manage .com-lt-right .t-head li span:nth-child(2) {
    width: 80px
}

.page-manage .com-lt-right .t-head li span:last-child {
    width: 72px;
    float: right;
    margin-right: 0
}

.page-manage .com-lt-right .t-head.two li span:first-child {
    width: 100px
}

.page-manage .com-lt-right .t-head.two li span:nth-child(2) {
    width: auto
}

.page-manage .com-lt-right .t-head.two li span:last-child {
    width: 115px
}

.page-manage .com-lt-right .mod-table {
    height: 230px;
    overflow: hidden;
    margin-bottom: 15px
}

.page-manage .com-lt-right .mod-table ul li {
    height: 46px;
    color: #70757e;
    font-size: 12px
}

.page-manage .com-lt-right .mod-table .t-body {
    position: relative
}

.page-manage .com-lt-right .mod-table .t-body .cur {
    background: #f8f8f8
}

.page-manage .com-lt-right .mod-table .t-body li span {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-manage .com-lt-right .mod-table .t-body span:first-child {
    width: 78px
}

.page-manage .com-lt-right .mod-table .t-body span:nth-child(2) {
    width: 80px
}

.page-manage .com-lt-right .mod-table .t-body span:last-child {
    width: 72px;
    color: #f9cb1a;
    float: right;
    margin-right: 0
}

.page-manage .com-lt-right .mod-table .t-body.two li span:first-child {
    width: 100px
}

.page-manage .com-lt-right .mod-table .t-body.two li span:nth-child(2) {
    width: auto
}

.page-manage .com-lt-right .mod-table .t-body.two li span:last-child {
    width: 115px
}

.page-manage .com-lt-right .change_table {
    background: #f0f4ff;
    width: 262px;
    border: 1px solid #c1d3ff;
    text-align: center;
    line-height: 27px;
    margin-bottom: 10px
}

.page-manage .com-lt-right .change_table a {
    padding: 0 20px;
    background: url(../img/fresh_table.png) 0 no-repeat
}

.page-manage .com-lt-right .change_table a span {
    font-size: 14px;
    color: #f9cb1a
}

.page-manage .com-lt-right .change_table a:hover {
    color: #f9cb1a
}

.page-manage .com-lt-right .mod-table {
    padding: 0
}

.page-manage .com-lt-right .mod-table table {
    table-layout: fixed;
    overflow: hidden
}

.page-manage .com-lt-right .mod-table td,
.page-manage .com-lt-right .mod-table th {
    color: #666
}

.page-manage .com-lt-right .mod-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-manage .com-lt-right .mod-table tr td:first-child,
.page-manage .com-lt-right .mod-table tr th:first-child {
    padding-left: 10px
}

.page-manage .com-lt-right .mod-table tr.cur {
    background: #f9f9f9
}

.page-manage .com-lt-right .mod-table tr:hover a {
    color: #f9cb1a!important
}

.page-manage .com-lt-right .switch {
    overflow: hidden;
    margin-bottom: 17px
}

.page-manage .com-lt-right .switch ul {
    margin-right: -20px;
    border-bottom: 1px solid #f1f1f1
}

.page-manage .com-lt-right .switch li {
    float: left;
    padding: 10px 0;
    margin-right: 40px;
    font-size: 18px;
    color: #444;
    text-align: center;
    cursor: pointer
}

.page-manage .com-lt-right .switch li.active {
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a;
    margin-bottom: -1px
}

.page-manage .common-que-list {
    padding-top: 0;
    padding-bottom: 10px
}

.page-manage .common-que-list li {
    color: #444;
    padding-bottom: 18px
}

.page-manage .lt-main .book_area {
    position: relative;
    border: 1px solid #e9e9e9
}

.page-manage .lt-main .book_area textarea {
    border: none;
    margin-bottom: 0
}

.page-manage .lt-main .book_area .sum {
    width: 100%;
    height: 20px;
    position: relative
}

.page-manage .lt-main .book_area .sum span {
    position: absolute;
    right: 4px;
    bottom: 0;
    color: #999
}

.page-manage .lt-main .book_area .sum .ml16 {
    margin-left: 16px
}

.page-manage .lt-main .book_area .book-operate {
    padding-top: 8px;
    background-color: #fafafa
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box {
    box-sizing: border-box;
    padding-left: 10px;
    padding-bottom: 10px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .pd8 {
    padding: 8px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .pd9 {
    padding: 1px 9px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .max20-tip {
    position: relative;
    float: left;
    color: #999;
    top: 4px
}

.page-manage .lt-main .book_area .book-operate .col-blue,
.page-manage .lt-main .book_area .book-operate .enter-remark-box .enter-btn a {
    color: #f9cb1a
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .max20-tip .pr4 {
    padding-right: 4px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .max20-tip span {
    position: relative;
    top: 1px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .enter-mark {
    display: inline-block;
    margin-left: 14px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .enter-btn {
    cursor: pointer;
    display: inline-block;
    margin-left: 14px;
    padding: 5px 8px 8px
}

.page-manage .lt-main .book_area .book-operate .enter-remark-box .none {
    display: none
}

.page-manage .lt-main .book_area .book-operate .remark-memory-list {
    padding-left: 10px;
    padding-right: 10px
}

.page-manage .lt-main .book_area .book-operate .remark-memory-list .memory-item {
    margin-right: 6px;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer
}

.page-manage .lt-main .book_area .book-operate .remark-memory-list .memory-item span {
    padding: 6px 18px 6px 8px
}

.page-manage .lt-main .book_area .book-operate .remark-memory-list .memory-item span i {
    position: absolute;
    bottom: 5px;
    right: 5px
}

.page-manage .lt-main .book_area .book-operate .remark-memory-list .selected {
    border: 1px solid #ff4701;
    color: #ff4701
}

.page-manage .book-cue {
    margin-top: 16px;
    border: 1px solid #ffece2;
    background-color: #fffdfc;
    color: #f9cb1a;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px
}

.page-manage .book-result {
    border-top: none
}

.page-manage .book-result .book-result-tool {
    font-size: 18px;
    color: #444;
    height: 40px;
    line-height: 40px;
    padding-top: 30px;
    zoom: 1;
    position: relative;
    border-bottom: 1px solid #f1f1f1
}

.page-manage .book-result .book-result-tool .domain-result-title {
    display: inline-block;
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a
}

.page-manage .book-result .book-result-tool .export-book-fail {
    font-size: 14px;
    color: #f9cb1a;
    position: absolute;
    right: 0;
    bottom: 0
}

.page-manage .book-result .book-result-tool .batch-book-fail {
    font-size: 14px;
    color: #f9cb1a;
    position: absolute;
    right: 166px;
    bottom: 0;
    cursor: pointer
}

.page-manage .book-result .book-result-tool .batch-more {
    width: 134px;
    background: #fff;
    line-height: 38px;
    padding: 0 10px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    position: absolute;
    right: 110px;
    z-index: 1;
    box-shadow: 0 0 5px rgba(213, 213, 213, .66);
    margin-top: -1px;
    display: none
}

.page-manage .book-result .book-result-tool .batch-more .icon-batchJiao {
    position: absolute;
    left: 40px;
    top: -11px
}

.page-manage .book-result .book-result-tool .batch-more a {
    font-size: 14px;
    color: #f9cb1a;
    border-bottom: 1px dashed #eaeaea;
    display: block
}

.page-manage .book-result .book-result-tool .batch-more a:hover {
    color: #f9cb1a
}

.page-manage .book-result .book-result-tool .batch-more a:last-child {
    border-bottom: 0
}

.page-manage .book-result .book-result-title {
    font-size: 14px;
    color: #444;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 20px;
    zoom: 1;
    position: relative
}

.page-manage .book-result .book-result-title span a,
.page-manage .book-result .book-result-title span a:hover {
    color: #444
}

.page-manage .book-result .book-result-title .cur a,
.page-manage .book-result .book-result-title .cur a:hover {
    color: #f9cb1a
}

.page-manage .book-result .book-result-all {
    padding: 0 20px
}

.page-manage .book-result .book-result-list {
    max-height: 440px;
    overflow-y: auto
}

.page-manage .book-result .book-result-list li {
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: 1px solid #f1f1f1;
    box-sizing: border-box
}

.page-manage .book-result .book-result-list .book-domain-name {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 27px;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.page-manage .book-result .book-result-list .book-result-box {
    display: inline-block;
    position: relative;
    left: 10px;
    width: 530px;
    top: -5px
}

.page-manage .mod-filter .w170,
.page-manage .ui-form .dropdown,
.page-manage .ui-form .w_170 {
    width: 170px
}

.page-manage .book-result .book-result-list .book-result-click {
    padding-left: 20px;
    color: #f9cb1a
}

.page-manage .book-result .j-tab span {
    margin-right: 40px;
    display: inline-block;
    cursor: pointer
}

.page-manage .book-result .j-tab span:nth-child(1) {
    padding-left: 7px
}

.page-manage .book-result .j-tab .cur {
    color: #f9cb1a;
    border-bottom: 1px solid #f9cb1a
}

.page-manage .mod-filter .h30 {
    height: 30px
}

.page-manage .book-orange-box {
    padding: 9px 0
}

.page-manage .set-btn {
    margin: 20px 80px;
    display: inline-block;
    width: 95px;
    height: 35px;
    background-color: #f9cb1a;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    cursor: pointer
}

.page-manage .check-btn,
.page-manage .reset-btn {
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    cursor: pointer
}

.page-manage .set-btn:hover {
    background-color: #668ff9
}

.page-manage .check-btn {
    background-color: #f9cb1a;
    color: #fff
}

.page-manage .check-btn:hover {
    background-color: #fc2b35
}

.page-manage .reset-btn {
    background-color: #eee;
    color: #888;
    margin-left: 10px
}

.page-manage .reset-btn:hover {
    background-color: #f8f7f7
}

.page-manage .js-click {
    cursor: pointer
}

.page-manage .set-success {
    position: fixed;
    top: 185px;
    width: 120px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    z-index: 999;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
    left: 50%;
    margin-left: -50px;
    display: none
}

.page-manage .dialog_box,
.page-manage .set-dialog {
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    z-index: 999;
    left: 50%
}

.page-manage .set-dialog {
    width: 210px;
    height: 120px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.page-manage .dialog_box {
    width: 500px;
    min-height: 240px
}

.page-manage .dialog_box .dialog_title {
    line-height: 45px;
    background-color: #f5f8ff;
    border-top: 3px solid #f9cb1a;
    box-sizing: border-box;
    padding: 0 20px;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 1px solid #e0e9fd;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-manage .dialog_box .dialog_title i {
    cursor: pointer
}

.page-manage .dialog_box .dialog_cont {
    text-align: center;
    padding: 0 45px;
    line-height: 25px;
    margin: 30px 0;
    font-size: 16px
}

.page-manage .dialog_box .dialog_foot {
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -120px
}

.page-manage .dialog_box .dialog_foot span {
    display: inline-block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    cursor: pointer
}

.page-manage .dialog_box .dialog_foot .bg-color1 {
    background-color: #f9cb1a;
    color: #fff
}

.page-manage .dialog_box .dialog_foot .bg-color1:hover {
    background-color: #668ff9
}

.page-manage .dialog_box .dialog_foot .bg-color2 {
    background-color: #eee;
    color: #888
}

.page-manage .dialog_box .dialog_foot .bg-color2:hover {
    background-color: #f8f7f7
}

.page-manage .tip_list {
    line-height: 60px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-manage .tip_list div {
    display: flex;
    align-items: center;
    clear: both
}

.page-manage .tip_list textarea {
    padding: 6px;
    position: static;
    height: 20px
}

.page-manage .tip-list {
    margin-left: 38px;
    color: #444;
    line-height: 30px
}

.page-manage .tip-list a {
    color: #f9cb1a
}

.page-manage .tip-list .dian {
    display: inline-block;
    width: 4px;
    height: 4px;
    vertical-align: middle;
    background-color: #a0a0a0;
    margin-right: 5px
}

.page-manage .channel-list {
    display: none
}

.page-manage .channel-list ul {
    position: absolute;
    background-color: #fff;
    z-index: 100;
    -webkit-box-shadow: 0 0 10px rgba(126, 126, 126, .3);
    -moz-box-shadow: 0 0 10px rgba(126, 126, 126, .3);
    box-shadow: 0 0 10px rgba(126, 126, 126, .3);
    border: 1px solid #dcdcdc;
    padding: 10px 15px;
    min-width: 90px;
    min-height: 100px;
    top: -60px;
    left: 40px;
    line-height: 16px;
    color: #666;
    font-size: 12px
}

.page-manage .channel-list .icon-jian {
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 101
}

.page-manage .warningText {
    margin: 10px 0 10px 24px;
    color: #e53935;
    font-weight: 700
}

.page-manage .lt-main .com-lt-left .textCenter {
    position: relative
}

.page-manage .invoice-tips {
    font-size: 14px;
    color: #f9cb1a;
    position: absolute;
    top: 9px
}

.page-manage .invoice-tips .icon-q1 {
    margin-right: 5px
}

.mod-filter .orange_box .fold-setting,
.mod-filter .orange_box .open-setting {
    margin-left: 16px;
    margin-right: 16px;
    top: -11px;
    position: relative
}

.qus-list {
    padding: 15px 0
}

.qus-list li {
    line-height: 24px;
    font-size: 14px
}

.qus-list a:hover {
    color: #f9cb1a
}

.mod-filter .orange_box .hidearea {
    display: none!important
}

.mod-filter .orange_box .display-ib,
.mod-filter .orange_box .more-book-type,
.mod-filter .orange_box .open-setting {
    display: inline-block
}

.mod-filter .orange_box .fold-setting {
    display: inline-block
}

.mod-filter .orange_box .fold-setting a {
    cursor: pointer;
    color: #f9cb1a
}

.mod-filter .orange_box .open-setting a {
    cursor: pointer;
    color: #f9cb1a
}

.mod-filter .orange_box .more-book-type .pl10 {
    padding-left: 10px
}

.mod-filter .orange_box .w170 {
    width: 170px
}

.mod-filter .w1300 {
    width: 1200px
}

.page-manageStar .mod-forms {
    text-align: center;
    padding: 0
}

.page-manageStar .ui-textarea {
    width: 760px;
    margin: 0 auto;
    float: none;
    height: 280px;
    vertical-align: top
}

.page-404,
.page-result .ui-floatCenter {
    height: auto
}

.page-manageStar .myStar {
    padding: 0 0 20px!important
}

.page-manageStar .myStar .mod-filter {
    background: #fbfbfb;
    margin-bottom: 20px
}

.page-manageStar .myStar .mod-filter .orange_box {
    padding-left: 40px
}

.page-manageStar .mod-table {
    padding: 0 20px
}

.page-manageStar .choice {
    background: #fafafa;
    padding: 10px 40px 33px;
    margin-top: 20px;
    border: 1px solid #f8f8f8
}

.page-manageStar .choice .top {
    line-height: 50px
}

.page-manageStar .choice .choiceBox .mod-table {
    padding: 0 30px
}

.page-manageStar .choice .choiceBox .mod-table th {
    border-bottom: 1px dashed #eee;
    font-size: 14px;
    line-height: 50px
}

.page-manageStar .choice .choiceBox .mod-table td {
    border-bottom: 1px dashed #eee0e0;
    margin-bottom: -1px
}

.page-manageStar .choice .choiceBox .mod-table tr.cur {
    background: #fffbfa
}

.page-manageStar .choice .choiceBox .mod-table tr.lastTr td {
    border-bottom: none
}

.page-result .lt-main {
    min-height: 500px;
    margin: 16vh auto 10vh
}

.page-result .fn30 {
    font-size: 30px
}

.page-result .box {
    padding: 50px;
    text-align: center
}

.page-result .box.fail {
    background: url(../img/fail.png) no-repeat
}

.page-result .box.fail .title {
    color: #f9565e
}

.page-result .box.success {
    background: url(../img/success.png) no-repeat
}

.page-result .box.success .title {
    color: #7abd54
}

.page-result .box .title {
    width: 380px;
    margin-left: 415px;
    line-height: 35px;
    position: relative;
    padding: 20px 0 30px 65px;
    text-align: left
}

.page-result .box .title i {
    position: absolute;
    left: 0;
    top: 10px
}

.page-result .box .content {
    padding: 10px 0
}

.page-result .ui-floatCenter .ui-btn {
    -webkit-border-radius: 0;
    border-radius: 0
}

.page-404 {
    background: #f9cb1a
}

.page-404 .top {
    zoom: 1
}

.page-404 .top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-404 .top .logo {
    float: left;
    padding: 45px 0 25px 15px
}

.page-404 .main {
    text-align: center;
    background: url(../img/404.png) center 115px no-repeat;
    min-height: 650px
}

.page-404 .content {
    padding: 420px 0 20px;
    color: #fff;
    line-height: 45px
}

.page-404 h3 {
    font-size: 40px
}

.page-404 .btn {
    display: inline-block;
    width: 113px;
    height: 34px;
    line-height: 34px;
    color: #d1e361;
    border: 1px solid #d1e361;
    -webkit-border-radius: 17px;
    border-radius: 17px
}

.page-404 .btn:hover {
    background: #fff;
    color: #f9cb1a;
    border-color: #fff
}

.page-qaq .leftBox {
    width: 860px;
    background: #fff;
    float: left;
    display: inline
}

.page-qaq .leftBox .box {
    padding: 30px 38px
}

.page-qaq .leftBox .item {
    padding: 0 0 15px
}

.page-qaq .leftBox .item .top {
    zoom: 1;
    padding: 10px 0
}

.page-qaq .leftBox .item .top:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.page-qaq .leftBox .item p {
    line-height: 30px;
    text-align: justify
}

.page-qaq .leftBox .icon-qaq2 {
    float: left;
    margin: 0 10px 0 0
}

.page-qaq .rightBox {
    width: 315px;
    float: right
}

.page-qaq .rightBox .i-item {
    padding: 10px 30px;
    background: #fff
}

.page-qaq .rightBox .i-item .top {
    border-bottom: 1px solid #ebebeb;
    line-height: 50px
}

.page-qaq .rightBox .i-item .top .more {
    float: right;
    display: inline
}

.page-qaq .rightBox .i-item.case {
    padding-bottom: 9px
}

.page-qaq .qaq {
    padding: 10px 0
}

.page-qaq .qaq li {
    width: 100%;
    float: left;
    height: 41px;
    line-height: 41px;
    overflow: hidden
}

.page-qaq .qaq li i {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 2px solid #bdc4d3;
    float: left;
    margin: 15px 10px 0 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.page-qaq .qaq li p {
    width: 228px
}

.page-qaq .qaq li a {
    color: #70747e
}

.page-qaq .qaq li a:hover {
    color: #f9cb1a;
    font-weight: 600
}

.page-qaq .main-content p {
    font-size: 15px;
    color: #70747e;
    margin-bottom: 40px;
    word-break: break-all;
    overflow: hidden
}

.page-qaq .qaq.befo li:hover {
    background-color: #f7f9ff!important
}

.page-qaq .qaq.befo li.tween {
    background-color: #f8f8f8
}

.page-qaq .qaq.befo li a {
    color: #f9cb1a;
    width: 114px;
    padding-right: 10px;
    display: inline-block;
    overflow: hidden
}

.page-qaq .qaq.befo li a:hover {
    color: #f9cb1a
}

.page-qaq .notic-title {
    border-bottom: 1px dashed #E8E8E8;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.page-qaq .notic-title .til-head {
    color: #f9cb1a;
    font-size: 32px;
    text-align: center;
    line-height: 32px;
    padding-bottom: 30px
}

.page-qaq .notic-title .til-time {
    font-size: 14px;
    color: #a6a9b0;
    text-align: center
}

.page-jy {
    background: url(../img/qzjyb_02.png) top center no-repeat;
    padding-top: 275px;
    font-size: 16px;
    color: #575d6c
}

.page-jy .box {
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(125, 143, 202, .1);
    -webkit-box-shadow: 0 1px 10px rgba(125, 143, 202, .1);
    -moz-box-shadow: 0 1px 10px rgba(125, 143, 202, .1)
}

.page-jy .top-tips {
    text-align: center;
    padding: 40px 30px 15px
}

.page-jy .top {
    text-align: center;
    color: #8a8e99;
    padding: 0 0 20px;
    width: 880px
}

.page-jy .top .time {
    line-height: 34px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
    color: #575d6c
}

.page-jy .top .ui-btn {
    border-radius: 3px;
    position: relative;
    width: 270px;
    height: 40px;
    line-height: 20px;
    font-size: 18px;
    padding: 10px;
    background-color: #f66f6a;
    border: 2px solid #f66f6a;
    margin-bottom: 5px;
    font-weight: 700
}

.page-jy .top .ui-btn.btn2,
.page-jy .top .ui-btn.btn3 {
    height: 30px;
    line-height: 16px;
    margin-bottom: 15px;
    width: 240px
}

.page-jy .top .ui-btn.btn2 .oldprice,
.page-jy .top .ui-btn.btn3 .oldprice {
    font-size: 12px
}

.page-jy .top .ui-btn.btn3 {
    background-color: #fff;
    border: 2px solid #f66f6a;
    color: #f66f6a;
    line-height: 30px;
    margin-left: 40px
}

.page-jy .top .ui-btn:hover {
    background-color: #f44e48;
    border: 2px solid #f44e48;
    color: #fff
}

.page-jy .top .add-rule {
    position: relative;
    display: inline-block
}

.page-jy .top .add-rule .hd-rule {
    position: absolute;
    font-size: 12px;
    line-height: 20px;
    color: #c27a25;
    background-color: #fff3e2;
    border: 1px solid #e5ad52;
    padding: 0 5px;
    font-weight: 400;
    right: -42px;
    top: 5px;
    cursor: pointer
}

.page-jy .top .add-rule .hd-rule .icon-jy-down {
    position: absolute;
    bottom: -6px;
    left: 15px
}

.page-jy .top .add-rule .hd-rule::after {
    content: '';
    width: 100%;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0
}

.page-jy .top .add-rule .hd-rule:hover .rule-tip {
    display: block
}

.page-jy .top .add-rule .hd-rule .rule-tip {
    position: absolute;
    width: 260px;
    height: 210px;
    background-color: #fff;
    box-shadow: 0 0 13px 0 rgba(197, 197, 197, .5);
    border: 1px solid #d9d9d9;
    top: 38px;
    left: -130px;
    padding: 20px;
    font-size: 14px;
    line-height: 27px;
    color: #333;
    white-space: normal;
    text-align: left;
    display: none
}

.page-jy .cont_list,
.page-jy h2 {
    width: 880px
}

.page-jy .top .add-rule .hd-rule .rule-tip::before {
    content: "";
    position: absolute;
    top: -11px;
    left: 145px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #d9d9d9
}

.page-jy .top .add-rule .hd-rule .rule-tip::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 145px;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff
}

.page-jy .top .oldprice {
    font-weight: 400;
    font-size: 14px;
    text-decoration: line-through
}

.page-jy .top .keep-btn {
    border: 1px solid #6583e7;
    border-radius: 10px;
    padding: 0 9px
}

.page-jy .top .keep-btn:hover {
    background-color: #6583e7;
    color: #fff!important;
    cursor: pointer
}

.page-jy .icon-xianshi {
    position: absolute;
    top: -12px;
    left: -10px
}

.page-jy h2 {
    font-size: 28px;
    line-height: 80px;
    text-align: center
}

.page-jy .equity_list {
    text-align: center;
    width: 880px
}

.page-jy .equity_list li {
    display: inline-block;
    padding: 0 25px;
    color: #575d6c
}

.page-jy .cont_list .bax {
    width: 410px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    padding-bottom: 54px;
    min-height: 304px;
    margin: 0 14px;
    border: 1px solid #f3f3f3
}

.page-jy .cont_list h3 {
    background-color: #6583e7;
    line-height: 52px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 400
}

.page-jy .cont_list .left h3 {
    color: #ffe6a4
}

.page-jy .cont_list ul {
    margin: 0 30px;
    padding: 15px 0
}

.page-jy .cont_list li {
    line-height: 36px
}

.page-jy .cont_list li:first-child,
.page-jy .cont_list li:last-child {
    color: #8a8e99
}

.page-jy .cont_list li .dot {
    display: inline-block;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-color: #6583e7;
    border-radius: 50%;
    color: #fff
}

.page-jy .cont_list li:last-child .dot {
    background-color: #8a8e99
}

.page-jy .cont_list .bottom {
    line-height: 56px;
    margin: 0 40px;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #f3f3f3;
    left: 0;
    right: 0;
    height: 57px
}

.page-jy .cont_list::after {
    content: "";
    height: 0;
    display: block;
    clear: both
}

.page-jy .jy-user {
    background-color: #f8f9fd;
    border: 1px solid #dee3eb;
    width: 850px;
    margin: 20px auto;
    font-size: 12px
}

.page-jy .jy-user ul {
    height: 90px;
    padding: 10px 30px 0
}

.page-jy .jy-user .jy-up {
    padding: 20px 30px 15px;
    color: #333;
    font-size: 18px
}

.page-jy .jy-user .list-title {
    font-size: 16px;
    display: inline-block;
    color: #fff;
    height: 0;
    width: 80px;
    line-height: 28px;
    border-width: 0 10px 28px 0;
    border-style: none solid solid;
    border-color: transparent transparent #fd6500;
    text-align: center;
    margin-right: 15px
}

.page-jy .jy-user .bg_blue {
    border-color: transparent transparent #aaadb9
}

.page-jy .jy-user .bg_blue1 {
    background-color: #f5f6fa!important
}

.page-jy .jy-user .list-span {
    display: inline-block;
    background-color: #fff3f0;
    line-height: 22px;
    padding: 0 44px 0 10px
}

.page-jy .jy-user .list-ename {
    background-color: #fff;
    border: 1px solid #ffa468;
    color: #3a1700
}

.page-jy .jy-user .list-ys {
    background-color: #fff;
    border: 1px solid #cdcfd8;
    color: #333
}

.page-jy .jy-user .list-bt {
    color: #931c05;
    font-size: 16px;
    margin-top: 2px;
    line-height: 26px;
    display: flex;
    justify-content: space-between;
    padding-left: 10px
}

.page-jy .jy-user .tx-color {
    color: #353a84!important
}

.page-jy .jy-user .jy-bt {
    color: #333;
    font-size: 18px;
    padding: 15px 30px 40px
}

.page-jy .jy-user .emei-info {
    position: relative;
    line-height: 38px;
    background-image: linear-gradient(to right, #f8f9fd, #d7dffb)
}

.page-jy .jy-user .emei-info .emei-text {
    margin-left: 55%;
    color: #6583e7;
    font-size: 16px;
    margin-right: 20px
}

.page-jy .jy-user .emei-info .emei-img {
    position: absolute;
    width: 90px;
    height: 90px;
    border: 1px solid #cdcfd8;
    top: -60px;
    box-sizing: border-box
}

.page-jy .jy-user .emei-info .emei-img .icon-jy-left {
    position: absolute;
    bottom: -1px;
    left: -11px
}

.page-jy .rule_list {
    line-height: 32px;
    padding: 0 30px 30px;
    width: 820px
}

.page-jy .rule_list a {
    color: #f9cb1a
}

.page-jy .right-box {
    float: right;
    width: 300px;
    height: 895px
}

.page-jy .right-box .jing-title {
    color: #6583e7;
    font-size: 20px;
    line-height: 45px;
    text-align: center;
    margin: 0 10px;
    border-bottom: 1px solid #f3f3f3
}

.page-jy .right-box tr:nth-child(even) {
    background-color: #f9faff
}

.page-jy .right-box tr td {
    text-align: left
}

.page-jy .right-box tr td:first-child {
    padding-left: 20px;
    max-width: 123px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.page-jy .zt-dialog .dialog-cont {
    width: 544px;
    height: 521px;
    background: url(../../dest/img/jy_tanc.png) top center no-repeat
}

.page-jy .zt-dialog .dialog-cont .dialog-close {
    top: 125px;
    right: 20px
}

.page-jy .zt-dialog .dialog-cont .dialog-btn {
    background: url(../../dest/img/jy_tanc_btn.png) top center no-repeat;
    bottom: 12px;
    left: 144px;
    width: 270px;
    height: 100px
}

.page-jy .zt-dialog .dialog-cont .dialog-btn:hover {
    background: url(../../dest/img/jy_tanc_hover.png) top center no-repeat
}

@media screen and (max-width:1200px) {
    body {
        min-width: 100%
    }
     ::-webkit-scrollbar {
        display: none
    }
    .page-jy .cont_list,
    .page-jy .equity_list,
    .page-jy .main,
    .page-jy .top,
    .page-jy h2 {
        width: 90%;
        margin: auto
    }
    .page-jy .bag-tip {
        padding: 0 60px
    }
    .page-jy .box {
        width: 100%
    }
    .page-jy .right-box {
        margin-bottom: 20px;
        float: left
    }
    .page-jy .equity_list {
        margin: 0 auto 15px
    }
    .page-jy .jy-user {
        width: 87%
    }
    .page-jy .rule_list {
        width: 87%;
        margin: auto
    }
    .page-jy .main .foot_fuc {
        display: none
    }
}

@media screen and (max-width:1090px) {
    .page-jy .bag-tip {
        padding: 0 40px
    }
    .page-jy .jy-user {
        width: 90%
    }
    .page-jy .cont_list .bax {
        width: 100%;
        margin: 0 0 15px;
        float: left;
        min-height: 262px
    }
}

@media screen and (max-width:1037px) {
    .page-jy .jy-user ul {
        height: 172px!important
    }
    .page-jy .jy-user ul li {
        margin-bottom: 10px!important
    }
    .page-jy .jy-user .emei-info .emei-text {
        margin-left: 30%
    }
    .page-jy .top .add-rule .hd-rule .rule-tip {
        left: -240px
    }
    .page-jy .top .add-rule .hd-rule .rule-tip::after,
    .page-jy .top .add-rule .hd-rule .rule-tip::before {
        left: 255px
    }
}

@media screen and (max-width:710px) {
    .page-jy .top .ui-btn.btn3 {
        margin-left: 5px
    }
    .page-jy .jy-user .jy-bt {
        padding: 15px 30px 65px
    }
    .page-jy .jy-user ul li {
        margin-right: 0!important
    }
}

@media screen and (max-width:640px) {
    .page-jy {
        background-size: 820px 160px;
        padding-top: 135px
    }
    .page-jy .zt-dialog .dialog-cont,
    .page-jy .zt-dialog .dialog-cont .dialog-btn:hover {
        background-size: 65%
    }
    .page-jy .bag-tip {
        padding: 20px 28px 0
    }
    .page-jy .cont_list .bax {
        width: 99%
    }
    .page-jy .jy-user {
        width: 89%;
        margin: 0 auto 10px
    }
    .page-jy .jy-user .jy-bt {
        padding: 14px 25px 20px
    }
    .page-jy .jy-user .list-span {
        padding: 0 5px;
        width: 29%;
        vertical-align: top
    }
    .page-jy .jy-user ul li {
        width: 100%
    }
    .page-jy .jy-user .emei-info {
        text-align: center;
        padding-bottom: 10px
    }
    .page-jy .jy-user .emei-info .emei-text {
        margin: 0
    }
    .page-jy .jy-user .emei-info .emei-img {
        text-align: center;
        position: unset;
        display: block;
        margin: 0 auto
    }
    .page-jy .jy-user .emei-info .emei-img .icon-jy-left {
        display: none
    }
    .page-jy .cont_list .bottom,
    .page-jy .cont_list ul {
        margin: 0 15px
    }
    .page-jy .cont_list .bottom .ml70 {
        margin-left: 60px!important
    }
    .page-jy .ivu-mask .ivu-modal-wrap .ivu-modal-com {
        width: 90%
    }
    .page-jy .zt-dialog .dialog-cont .dialog-close {
        width: 22px;
        top: 80px;
        right: 120px
    }
    .page-jy .zt-dialog .dialog-cont .dialog-btn {
        background-size: 65%;
        height: 64px;
        bottom: 192px
    }
    .comm-zt-dialog .dialog-cont {
        width: 412px;
        height: 320px;
        background-size: 100%
    }
    .comm-zt-dialog .dialog-cont .dialog-close {
        width: 29px;
        right: 40px
    }
    .comm-zt-dialog .dialog-cont .dialog-btn {
        background-size: 100%;
        width: 240px;
        height: 50px;
        left: 80px
    }
    .ivu-modal-com .ui-form {
        padding-left: 0
    }
    .ivu-modal-com .ui-agree,
    .ivu-modal-com .ui-error {
        margin-left: 140px
    }
}

@media screen and (max-width:425px) {
    .page-jy .bag-tip {
        padding: 0 15px
    }
    .page-jy h2 {
        line-height: 60px;
        font-size: 26px
    }
    .page-jy .jy-user .list-span {
        padding: 0 5px
    }
    .page-jy .cont_list .bottom .ml70 {
        margin-left: 20px!important
    }
    .page-jy .rule_list {
        width: 93%;
        margin: auto 15px;
        padding: 0 0 15px;
        line-height: 24px
    }
    .page-jy .cont_list .bax {
        min-height: 250px
    }
    .page-jy .cont_list li,
    .page-jy .top .time {
        line-height: 28px
    }
    .page-jy .jy-user .list-span {
        width: 28%;
        line-height: 20px
    }
    .page-jy .jy-user ul li {
        width: 100%
    }
    .page-jy .jy-user .jy-up {
        padding: 10px;
        font-size: 16px
    }
    .page-jy .jy-user ul {
        padding: 0 10px;
        height: 165px!important
    }
    .page-jy .jy-user .jy-bt {
        font-size: 16px;
        padding: 10px
    }
    .page-jy .jy-user .list-bt {
        line-height: 20px
    }
    .page-jy .top .ui-btn {
        width: 245px
    }
    .page-jy .ivu-modal {
        width: 90%
    }
    .page-jy .top>p span.ml20 {
        display: block
    }
    .comm-zt-dialog .dialog-cont {
        width: 320px;
        height: 248px;
        background-size: 100%
    }
    .comm-zt-dialog .dialog-cont .dialog-close {
        width: 22px;
        right: 40px
    }
    .comm-zt-dialog .dialog-cont .dialog-btn {
        background-size: 100%;
        width: 170px;
        height: 33px;
        left: 70px
    }
    .ivu-modal-com .ui-agree,
    .ivu-modal-com .ui-error {
        margin-left: 10px;
        display: inline-block
    }
    .ui-input {
        width: 100px
    }
    .ivu-modal-com .ui-form {
        padding-left: 15px
    }
    .ui-form .ui-label {
        width: 100px!important
    }
    .ivu-modal-com .ui-error {
        margin-left: 35px
    }
}

@media screen and (max-width:325px) {
    .page-jy .zt-dialog .dialog-cont,
    .page-jy .zt-dialog .dialog-cont .dialog-btn:hover {
        background-size: 50%
    }
    .page-jy .bag-tip .icon-bag,
    .page-jy .cont_list .bottom {
        font-size: 14px
    }
    .page-jy .top .time {
        line-height: 24px;
        font-size: 14px
    }
    .page-jy .top .time .ml60 {
        margin-left: 0!important
    }
    .page-jy .top .ui-btn {
        width: 230px
    }
    .page-jy .top .add-rule .hd-rule {
        display: none
    }
    .page-jy .cont_list .bottom .ml70 {
        margin-left: 5px!important
    }
    .page-jy .cont_list .bottom .ml70 .fn24 {
        font-size: 16px!important
    }
    .page-jy .zt-dialog .dialog-cont .dialog-close {
        width: 16px;
        top: 60px;
        right: 150px
    }
    .page-jy .zt-dialog .dialog-cont .dialog-btn {
        background-size: 50%;
        height: 50px;
        bottom: 268px
    }
    .page-jy .ivu-mask .ivu-modal-wrap .ivu-modal-com .ivu-modal-body {
        padding: 0
    }
}

.new-activity .bottom-enter,
.new-activity .left-enter {
    position: fixed;
    z-index: 1000
}

.new-activity .left-enter {
    width: 104px;
    top: 50%;
    left: 0;
    margin-top: -42px
}

.new-activity .left-enter .icon-ad_close {
    position: absolute;
    top: -10px;
    right: 8px;
    cursor: pointer
}

.new-activity .bottom-enter {
    bottom: 0;
    margin: 0 auto 0 -600px;
    width: 1200px;
    left: 50%
}

.new-activity .bottom-enter .icon-ad_close {
    position: absolute;
    top: 0;
    right: 100px;
    cursor: pointer
}

.page-jy-invite .header .banner {
    background-color: #2e355b
}

.page-jy-invite .header .banner img {
    width: 100%
}

.page-jy-invite .content {
    margin-top: -60px
}

.page-jy-invite .content .row-area {
    background-color: #2e355b;
    padding: 60px 0;
    box-shadow: inset 0 -70px 50px 0 #282f53
}

.page-jy-invite .content .row-area em {
    color: #f66f6a
}

.page-jy-invite .content .row-area .row-title {
    position: relative;
    text-align: center;
    margin: 0 auto 50px;
    width: max-content
}

.page-jy-invite .content .row-area .row-title div {
    float: left
}

.page-jy-invite .content .row-area .row-title .title {
    font-style: oblique;
    position: relative;
    color: #e0c091;
    text-align: center;
    font-size: 28px;
    line-height: 32px;
    width: max-content;
    margin: 0 auto
}

.page-jy-invite .content .row-area .row-title .title::before {
    content: attr(data-text);
    position: absolute;
    z-index: 2;
    font-size: 28px;
    color: #f8ead6;
    -webkit-mask: linear-gradient(to left, #f8ead6, transparent)
}

.page-jy-invite .content .row-area .row-title .title-left-line {
    margin-right: 25px
}

.page-jy-invite .content .row-area .row-title .title-left-line::before {
    content: "";
    display: block;
    width: 68px;
    height: 2px;
    margin-left: 27px;
    margin-top: 10px;
    background-image: linear-gradient(to right, #cfa873, transparent)
}

.page-jy-invite .content .row-area .row-title .title-left-line::after {
    content: "";
    display: block;
    width: 68px;
    height: 2px;
    margin-top: 12px;
    background-image: linear-gradient(to right, #cfa873, transparent)
}

.page-jy-invite .content .row-area .row-title .title-right-line {
    margin-left: 25px
}

.page-jy-invite .content .row-area .row-title .title-right-line::before {
    content: "";
    display: block;
    width: 68px;
    height: 2px;
    margin-top: 10px;
    background-image: linear-gradient(to right, transparent, #cfa873)
}

.page-jy-invite .content .row-area .row-title .title-right-line::after {
    content: "";
    display: block;
    width: 68px;
    height: 2px;
    margin-top: 12px;
    margin-left: 27px;
    background-image: linear-gradient(to right, transparent, #cfa873)
}

.page-jy-invite .content .row-area .row-title .title-left-arrow {
    margin-right: 27px;
    width: 160px;
    height: 32px;
    background: url(../img/jy-invite-15.png) right center no-repeat;
    position: relative
}

.page-jy-invite .content .row-area .row-title .title-left-arrow::before {
    content: "";
    display: block;
    width: inherit;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #cfa873);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    margin-left: -22px
}

.page-jy-invite .content .row-area .row-title .title-right-arrow {
    margin-left: 27px;
    width: 160px;
    height: 32px;
    background: url(../img/jy-invite-16.png) left center no-repeat;
    position: relative
}

.page-jy-invite .content .row-area .row-title .title-right-arrow::before {
    content: "";
    display: block;
    width: inherit;
    height: 2px;
    background-image: linear-gradient(to right, #cfa873, transparent);
    position: absolute;
    top: 50%;
    margin-top: -1px;
    margin-left: 22px
}

.page-jy-invite .content .row-area .row-title::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .record-table {
    width: 981px;
    margin: 0 auto
}

.page-jy-invite .content .row-area .record-table table {
    width: 100%
}

.page-jy-invite .content .row-area .record-table table thead tr {
    color: #2e355b;
    font-size: 22px;
    background-image: linear-gradient(to right, #e3b87e, #edc999, #e3b87e)
}

.page-jy-invite .content .row-area .record-table table thead tr th {
    margin: 0;
    padding: 0;
    border: 0
}

.page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2) {
    position: relative
}

.page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: #e4b980;
    position: absolute;
    top: 0;
    transform: skew(-15deg)
}

.page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::before {
    content: "";
    display: block;
    width: 10px;
    height: 50px;
    background: #e4b980;
    position: absolute;
    top: 0;
    left: 70px;
    transform: skew(-15deg)
}

.page-jy-invite .content .row-area .record-table table tbody tr {
    color: #e5bf8a;
    font-size: 18px
}

.page-jy-invite .content .row-area .record-table table tbody tr td:nth-child(1),
.page-jy-invite .content .row-area .record-table table tbody tr td:nth-child(2) {
    border-right: 1px solid #4d4f6e
}

.page-jy-invite .content .row-area .record-table table td,
.page-jy-invite .content .row-area .record-table table th {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-style: oblique
}

.page-jy-invite .content .row-area .record-table table td {
    height: 45px;
    line-height: 45px
}

.page-jy-invite .content .row-area .record-table table td:last-child {
    color: #f66f6a
}

.page-jy-invite .content .row-area .record-table table tr:first-child th:first-child {
    border-top-left-radius: 8px
}

.page-jy-invite .content .row-area .record-table table tr:first-child th:last-child {
    border-top-right-radius: 8px
}

.page-jy-invite .content .row-area .record-table table tr:last-child td:first-child {
    border-bottom-left-radius: 8px
}

.page-jy-invite .content .row-area .record-table table tr:last-child td:last-child {
    border-bottom-right-radius: 8px
}

.page-jy-invite .content .row-area .record-table.scroll-box {
    padding: 15px 0;
    box-sizing: border-box;
    max-height: 167px;
    overflow-y: auto;
    overflow-x: hidden;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-image: linear-gradient(to right, #1d2243, #2e355b, #1d2243);
    border: 1px solid #e8c18c;
    border-top: none
}

.page-jy-invite .content .row-area .record-table::-webkit-scrollbar {
    width: 7px
}

.page-jy-invite .content .row-area .record-table::-webkit-scrollbar-thumb {
    border-bottom-right-radius: 8px;
    background: #4a5282
}

.page-jy-invite .content .row-area .record-table::-webkit-scrollbar-track {
    border-bottom-right-radius: 8px;
    background: #1d2243
}

.page-jy-invite .content .row-area .footer-table {
    width: 981px;
    margin: 36px auto 0
}

.page-jy-invite .content .row-area .footer-table .label {
    width: 33.33%;
    color: #e5bf8a;
    float: left;
    font-size: 18px;
    text-align: center
}

.page-jy-invite .content .row-area .footer-table .label .parallelogram {
    display: inline-block;
    padding: 9px 23px;
    background-image: linear-gradient(to right, #cfa873, rgba(255, 0, 0, 0));
    position: relative;
    transform: skew(-15deg) translateZ(0);
    text-shadow: 1px 1px 14px #2e355b;
    margin-right: 7px
}

.page-jy-invite .content .row-area .footer-table .label .parallelogram::before {
    content: "";
    display: block;
    width: 10px;
    height: 39px;
    background: #4c4a5e;
    position: absolute;
    top: 0;
    left: 0
}

.page-jy-invite .content .row-area .footer-table .label .number {
    color: #f66f6a;
    font-size: 31px;
    font-style: oblique
}

.page-jy-invite .content .row-area .footer-table .label .link {
    color: #e5bf8a;
    font-size: 16px;
    border: 1px solid #e5bf8a;
    padding: 3px 12px;
    border-radius: 15px;
    display: inline-block
}

.page-jy-invite .content .row-area .footer-table .label .link:hover {
    color: #f5756c;
    border-color: #f5756c
}

.page-jy-invite .content .row-area .footer-table .label:last-child {
    padding: 4px 0;
    text-align: left
}

.page-jy-invite .content .row-area .footer-table::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .process {
    width: 1200px;
    margin: 0 auto
}

.page-jy-invite .content .row-area .process .card-item {
    width: 33.33%;
    text-align: center;
    float: left
}

.page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
.page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
    width: 393px
}

.page-jy-invite .content .row-area .process .card-item .card {
    padding: 14px 0 5px;
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0) 0, rgba(207, 168, 115, .1) 50%, rgba(255, 0, 0, 0) 100%)
}

.page-jy-invite .content .row-area .process .card-item .step {
    margin: 22px auto;
    width: 12px;
    height: 12px;
    background: #edc999;
    border-radius: 50%;
    position: relative
}

.page-jy-invite .content .row-area .process .card-item .step::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2e355b;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -3px
}

.page-jy-invite .content .row-area .process .card-item .step::before {
    content: "";
    display: block;
    width: 200px;
    height: 4px;
    background-image: linear-gradient(to right, #2e355b, #ffc46f);
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 0
}

.page-jy-invite .content .row-area .process .card-item .describe {
    color: #dfccb5;
    font-size: 16px;
    width: 206px;
    margin: 0 auto;
    line-height: 24px
}

.page-jy-invite .content .row-area .process .card-item:nth-child(3) .card {
    padding: 14px 0 12px
}

.page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::after {
    background: #dd2518
}

.page-jy-invite .content .row-area .process::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .invite-area {
    margin: 46px auto 0;
    width: 381px;
    height: 50px;
    line-height: 34px;
    border-radius: 25px;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid #d9d2ce;
    background-image: linear-gradient(to right, #f66f6a, #e3b87e)
}

.page-jy-invite .content .row-area .invite-area>div {
    float: left;
    font-size: 16px;
    color: #2e355b;
    width: 33.33%;
    text-align: center
}

.page-jy-invite .content .row-area .invite-area>div:first-child {
    font-size: 18px;
    font-style: oblique
}

.page-jy-invite .content .row-area .invite-area .invite-btn {
    border-radius: 17px;
    padding-left: 27px;
    box-sizing: border-box;
    position: relative
}

.page-jy-invite .content .row-area .invite-area .invite-btn a {
    color: #2e355b;
    border-bottom: 1px solid #2e355b
}

.page-jy-invite .content .row-area .invite-area .invite-btn .link-area {
    top: 50px;
    left: 0;
    line-height: 21px
}

.page-jy-invite .content .row-area .invite-area .invite-btn .link-area::before {
    border-color: transparent transparent #fff;
    top: -17px;
    left: 52px
}

.page-jy-invite .content .row-area .invite-area .invite-btn .link-area.qr-code::before {
    top: -18px;
    left: 52px
}

.page-jy-invite .content .row-area .invite-area .invite-btn.active,
.page-jy-invite .content .row-area .invite-area .invite-btn:hover {
    background-color: #edc999
}

.page-jy-invite .content .row-area .invite-area .invite-btn:nth-child(2) {
    background-image: url(../img/jy-invite-13.png);
    background-repeat: no-repeat;
    background-position: 10px center
}

.page-jy-invite .content .row-area .invite-area .invite-btn:last-child {
    background-image: url(../img/jy-invite-14.png);
    background-repeat: no-repeat;
    background-position: 10px center
}

.page-jy-invite .content .row-area .invite-area::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .corner {
    width: 1200px;
    margin: 0 auto
}

.page-jy-invite .content .row-area .corner .top-corner {
    width: 100%;
    position: relative
}

.page-jy-invite .content .row-area .corner .top-corner::before {
    content: "";
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/jy-invite-08.png) center no-repeat;
    position: absolute;
    top: -3.5px;
    left: -3.5px
}

.page-jy-invite .content .row-area .corner .top-corner::after {
    content: "";
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/jy-invite-09.png) center no-repeat;
    position: absolute;
    top: -3.5px;
    right: -3.5px
}

.page-jy-invite .content .row-area .corner .bottom-corner {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.page-jy-invite .content .row-area .corner .bottom-corner::before {
    content: "";
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/jy-invite-10.png) center no-repeat;
    position: absolute;
    bottom: -3.5px;
    left: -3.5px
}

.page-jy-invite .content .row-area .corner .bottom-corner::after {
    content: "";
    display: block;
    width: 19px;
    height: 18px;
    background: url(../img/jy-invite-11.png) center no-repeat;
    position: absolute;
    bottom: -3.5px;
    right: -3.5px
}

.page-jy-invite .content .row-area .corner .equity {
    width: 100%;
    border: 1px solid #ffc46f;
    padding: 11px;
    box-sizing: border-box;
    background-image: linear-gradient(to right, #1c2243, #2e355b, #1c2243);
    border-radius: 8px
}

.page-jy-invite .content .row-area .corner .equity .compare-area {
    padding: 0 20px;
    background: #2e355b;
    border-radius: 8px;
    position: relative
}

.page-jy-invite .content .row-area .corner .equity .compare-area em {
    color: #f66f6a
}

.page-jy-invite .content .row-area .corner .equity .compare-area .co-title {
    padding: 20px;
    color: #eecb9c;
    font-style: oblique;
    font-size: 18px;
    border-bottom: 1px solid #888289
}

.page-jy-invite .content .row-area .corner .equity .compare-area .co-title em {
    font-style: oblique
}

.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div {
    background: #41435f;
    color: #889bff
}

.page-jy-invite .content .row-area .corner .equity .compare-area::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item {
    width: 50%;
    float: left;
    padding: 20px;
    box-sizing: border-box
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .item-title,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .item-title {
    font-size: 18px;
    color: #e2ceb7;
    font-style: oblique
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .item-title em,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .item-title em {
    font-size: 14px;
    font-style: oblique
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card {
    width: 444px;
    margin: 16px 0 32px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row div,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row div {
    padding: 7px 0;
    text-align: center;
    font-size: 14px;
    float: left
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div {
    background: #e5ba81
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(1),
.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(2),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(1),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(2) {
    width: 108px;
    margin-right: 4px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(3),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(3) {
    width: calc(100% - (108px + 4px) * 2)
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child {
    margin-top: 4px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div {
    background: #41435f;
    font-size: 14px;
    color: #e5ba81
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(1),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(1) {
    width: 104px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(3),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(3) {
    width: 96px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(2),
.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(4),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(2),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(4) {
    width: 14px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(5),
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(5) {
    width: calc(100% - (14px * 2 + 104px + 96px))
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row::after,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .hint,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .hint {
    color: #eecb9c;
    position: absolute;
    bottom: 14px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .u-title,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .u-title {
    font-size: 22px;
    color: #fff;
    width: max-content;
    margin: 0 auto;
    position: relative
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .u-title span,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .u-title span {
    color: #e4ba81
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .u-title::after,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .u-title::after {
    content: "";
    display: block;
    width: 175px;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #cfa873);
    position: absolute;
    bottom: -7px;
    right: 0
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item {
    margin-top: 27px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item ul li,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item ul li {
    font-size: 14px;
    line-height: 24px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item ul li i,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item ul li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background: #e4ba81;
    color: #2e355b;
    margin-right: 8px
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item ul li span,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item ul li span {
    color: #e4ba81
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item ul li.more i,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item ul li.more i {
    background: #686a80
}

.page-jy-invite .content .row-area .corner .equity .compare-area .left-item .list-item ul li.more span,
.page-jy-invite .content .row-area .corner .equity .compare-area .right-item .list-item ul li.more span {
    color: #686a80
}

.page-jy-invite .content .row-area .corner .equity .explain-area {
    width: max-content;
    margin: 29px auto
}

.page-jy-invite .content .row-area .corner .equity .explain-area div {
    float: left;
    padding: 8px 22px 8px 33px;
    line-height: 20px;
    border: 1px solid #d9d2ce;
    border-radius: 19px;
    color: #2a3157;
    font-size: 18px;
    background-image: linear-gradient(to right, #e3b87e, #efcd9f, #e3b87e)
}

.page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(1),
.page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(2) {
    margin-right: 31px
}

.page-jy-invite .content .row-area .corner .equity .explain-area::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .content .row-area .activity-rule {
    width: 1200px;
    margin: 0 auto;
    padding: 0 10px 10px;
    box-sizing: border-box
}

.page-jy-invite .content .row-area .activity-rule ul li {
    font-size: 18px;
    color: #e5ba81;
    padding: 8px 0
}

.page-jy-invite .float-nav {
    position: fixed;
    top: 300px;
    right: 77px;
    z-index: 3
}

.page-jy-invite .float-nav .nav-header {
    position: absolute;
    z-index: 2;
    top: -30px;
    left: -30px
}

.page-jy-invite .float-nav .title-float {
    position: absolute;
    padding: 3px 6px;
    line-height: 11px;
    background: #efce9f;
    border: 1px solid #dad2cd;
    border-radius: 8px;
    left: -23px
}

.page-jy-invite .float-nav .nav-content {
    background-image: linear-gradient(to right, #242a4e, #2e355b, #242a4e);
    border: 1px solid #fccc86;
    border-bottom: none;
    padding: 16px 12px;
    border-radius: 6px;
    position: relative;
    width: 90px;
    box-sizing: border-box
}

.page-jy-invite .float-nav .nav-content a {
    font-size: 14px;
    color: #e9c28e;
    border-bottom: 1px solid #e9c28e
}

.page-jy-invite .float-nav .nav-content .nav-btn {
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    position: relative;
    text-align: center
}

.page-jy-invite .float-nav .nav-content .nav-btn img {
    width: 40px;
    margin: 0 auto
}

.page-jy-invite .float-nav .nav-content .nav-btn:nth-child(1) {
    margin-top: 60px
}

.page-jy-invite .float-nav .nav-content .nav-btn:last-child {
    margin: 67px 0 15px
}

.page-jy-invite .float-nav .nav-content .nav-btn.active,
.page-jy-invite .float-nav .nav-content .nav-btn:hover {
    background-color: #353c64
}

.page-jy-invite .float-nav .nav-content .nav-btn .link-area {
    top: 0;
    right: 65px
}

.page-jy-invite .float-nav .nav-content .nav-btn .link-area::before {
    border-color: transparent transparent transparent #fff;
    top: 50%;
    margin-top: -9px;
    right: -18px
}

.page-jy-invite .float-nav .nav-content .nav-btn .link-area.qr-code::before {
    top: 16%;
    right: -18px
}

.page-jy-invite .float-nav .nav-content .nav-btn:nth-child(1),
.page-jy-invite .float-nav .nav-content .nav-btn:nth-child(2) {
    margin-bottom: 22px
}

.page-jy-invite .float-nav .nav-content::after {
    content: "";
    display: block;
    width: 88px;
    height: 30px;
    transform: skewY(15deg) translateZ(0);
    background-image: linear-gradient(to right, #242a4e, #2e355b, #242a4e);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #fccc86;
    border-top: none;
    position: absolute;
    left: -1px;
    bottom: -11px
}

.page-jy-invite .link-area {
    position: absolute;
    background: #fff;
    padding: 6px;
    border-radius: 4px;
    width: max-content;
    z-index: 9;
    display: none
}

.page-jy-invite .link-area::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-width: 9px;
    border-style: solid;
    position: absolute
}

.page-jy-invite .link-area .link-box {
    color: #2a3156;
    background: #d2d2d2
}

.page-jy-invite .link-area .link-box input {
    width: 100%;
    box-sizing: border-box;
    border: 0;
    background: #d2d2d2
}

.page-jy-invite .link-area .copy-btn {
    margin-left: 5px;
    color: #fff;
    background: #f5756c;
    cursor: pointer
}

.page-jy-invite .link-area .copy-btn,
.page-jy-invite .link-area .link-box {
    float: left;
    border-radius: 4px;
    padding: 9px 14px;
    font-size: 14px
}

.page-jy-invite .link-area::after {
    content: "";
    display: block;
    clear: both
}

.page-jy-invite .link-area.qr-code div {
    background: #fff
}

.page-jy-invite .link-area.qr-code div img {
    width: 123px!important
}

.page-jy-invite .link-area p {
    font-size: 12px;
    color: #2e345a
}

@media screen and (max-width:1570px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .activity-rule,
    .page-jy-invite .content .row-area .corner,
    .page-jy-invite .content .row-area .process {
        width: 1024px
    }
    .page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
    .page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
        width: 320px
    }
}

@media screen and (max-width:1400px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .activity-rule,
    .page-jy-invite .content .row-area .corner,
    .page-jy-invite .content .row-area .process {
        width: 990px
    }
    .page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
    .page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
        width: 320px
    }
}

@media screen and (max-width:1314px) {
    .page-jy-invite .float-nav {
        display: none
    }
}

@media screen and (max-width:1071px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .activity-rule,
    .page-jy-invite .content .row-area .corner,
    .page-jy-invite .content .row-area .footer-table,
    .page-jy-invite .content .row-area .process,
    .page-jy-invite .content .row-area .record-table {
        width: 94%
    }
    .page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
    .page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
        width: 288px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card,
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card {
        width: 100%
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(1) {
        width: 79px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(3),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(3) {
        width: 73px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(5),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(5) {
        width: calc(100% - (14px * 2 + 79px + 73px))
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(2),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(2) {
        width: 84px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(3),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(3) {
        width: calc(100% - (84px + 4px) * 2)
    }
    .page-jy-invite .content .row-area .corner .equity .explain-area div {
        width: max-content;
        font-size: 14px
    }
}

@media screen and (max-width:920px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .row-title .title,
    .page-jy-invite .content .row-area .row-title .title::before {
        font-size: 22px
    }
    .page-jy-invite .content .row-area .row-title .title-right-arrow,
    .page-jy-invite .content .row-area .row-title .title-right-line {
        margin-left: 15px
    }
    .page-jy-invite .content .row-area .row-title .title-left-arrow,
    .page-jy-invite .content .row-area .row-title .title-left-line {
        margin-right: 15px
    }
    .page-jy-invite .content .row-area .row-title .title-left-arrow,
    .page-jy-invite .content .row-area .row-title .title-right-arrow {
        width: 100px
    }
    .page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
    .page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
        width: 215px
    }
    .page-jy-invite .content .row-area .footer-table .label {
        width: 50%
    }
    .page-jy-invite .content .row-area .footer-table .label:last-child {
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .page-jy-invite .content .row-area .record-table.scroll-box {
        height: 152px
    }
    .page-jy-invite .content .row-area .record-table table thead tr {
        font-size: 20px
    }
    .page-jy-invite .content .row-area .record-table table tbody tr {
        font-size: 16px
    }
    .page-jy-invite .content .row-area .record-table table td,
    .page-jy-invite .content .row-area .record-table table th,
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::after,
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::before {
        height: 40px;
        line-height: 40px
    }
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::after {
        left: -40px
    }
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::before {
        left: 20px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item,
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item {
        width: 100%;
        float: none
    }
    .page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(2) {
        margin-right: 7px
    }
    .page-jy-invite .content .row-area .corner .equity .explain-area div {
        padding: 5px 5px 5px 6px
    }
}

@media screen and (max-width:700px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .header .banner {
        overflow-x: hidden
    }
    .page-jy-invite .header .banner img {
        width: 200%;
        margin-left: -50%
    }
    .page-jy-invite .content {
        margin-top: -30px
    }
    .page-jy-invite .content .row-area {
        padding: 30px 0
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area {
        padding: 0 10px
    }
    .page-jy-invite .content .row-area .corner .equity .explain-area div {
        float: none;
        width: 100%
    }
    .page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .explain-area div:nth-child(2) {
        margin: 0 0 10px
    }
    .page-jy-invite .content .row-area .activity-rule ul li {
        font-size: 16px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item {
        padding: 20px 10px 0
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item {
        padding: 0 10px 20px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .u-title {
        margin-top: 20px
    }
    .page-jy-invite .content .row-area .process .card-item {
        float: none;
        width: 100%;
        height: 110px
    }
    .page-jy-invite .content .row-area .process .card-item .card {
        display: none
    }
    .page-jy-invite .content .row-area .process .card-item .describe,
    .page-jy-invite .content .row-area .process .card-item .step {
        display: inline-block
    }
    .page-jy-invite .content .row-area .process .card-item .step {
        width: 18px;
        height: 18px;
        margin: 0 25px 8px 0
    }
    .page-jy-invite .content .row-area .process .card-item .step::after {
        width: 10px;
        height: 10px;
        margin-top: -5px;
        margin-left: -5px
    }
    .page-jy-invite .content .row-area .process .card-item:first-child .step::before {
        display: none
    }
    .page-jy-invite .content .row-area .process .card-item:nth-child(2) .step::before,
    .page-jy-invite .content .row-area .process .card-item:nth-child(3) .step::before {
        width: 8px;
        height: 85px;
        background-image: linear-gradient(to bottom, #2e355b, #ffc46f);
        top: auto;
        right: auto;
        bottom: 17px;
        left: 50%;
        margin-left: -4px
    }
    .page-jy-invite .content .row-area .invite-area {
        margin: 0 auto;
        width: 94%;
        border-radius: 12px;
        height: auto;
        padding: 8px 15px
    }
    .page-jy-invite .content .row-area .invite-area>div {
        float: none;
        margin: 0 auto 10px
    }
    .page-jy-invite .content .row-area .invite-area>div:first-child {
        border-bottom: 1px solid #d75c4c;
        text-align: left;
        width: 100%
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn {
        width: 100%;
        padding: 0;
        background-color: transparent!important
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area {
        margin-top: 15px;
        top: 0;
        position: relative;
        display: block!important;
        width: 100%;
        padding: 1%;
        box-sizing: border-box
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area .link-box {
        font-size: 12px;
        width: calc(100% - 6% - 20%);
        word-break: break-all
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area .copy-btn,
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area .link-box {
        padding: 1%
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area .copy-btn {
        width: 20%;
        margin-left: 2%
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area.qr-code::before,
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area::before {
        display: none
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn .link-area.qr-code {
        margin: 15px auto 10px;
        width: 134px
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn a {
        padding-left: 30px;
        line-height: 25px;
        display: inline-block
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn:nth-child(2) {
        background-image: none
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn:nth-child(2) a {
        background-image: url(../img/jy-invite-13.png);
        background-repeat: no-repeat;
        background-position: 0 center
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn:last-child {
        background-image: none
    }
    .page-jy-invite .content .row-area .invite-area .invite-btn:last-child a {
        background-image: url(../img/jy-invite-14.png);
        background-repeat: no-repeat;
        background-position: 0 center
    }
}

@media screen and (max-width:600px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .footer-table .label:first-child {
        margin-bottom: 10px
    }
    .page-jy-invite .content .row-area .footer-table .label {
        float: none;
        width: 100%
    }
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::after,
    .page-jy-invite .content .row-area .record-table table thead tr th:nth-child(2)::before {
        display: none
    }
    .page-jy-invite .content .row-area .record-table.scroll-box {
        height: 122px
    }
    .page-jy-invite .content .row-area .record-table table tbody tr {
        font-size: 14px
    }
    .page-jy-invite .content .row-area .record-table table tbody td {
        line-height: 30px;
        height: 30px
    }
    .page-jy-invite .content .row-area .row-title {
        margin: 0 auto 25px
    }
    .page-jy-invite .content .row-area .row-title .title-left-arrow,
    .page-jy-invite .content .row-area .row-title .title-right-arrow {
        width: 50px
    }
}

@media screen and (max-width:445px) {
    body {
        min-width: 320px
    }
    .page-jy-invite .content .row-area .record-table table thead tr {
        font-size: 16px
    }
    .page-jy-invite .content .row-area .row-title .title-left-arrow,
    .page-jy-invite .content .row-area .row-title .title-right-arrow {
        width: 30px
    }
    .page-jy-invite .content .row-area .row-title .title-left-arrow,
    .page-jy-invite .content .row-area .row-title .title-left-line {
        margin-right: 5px
    }
    .page-jy-invite .content .row-area .row-title .title-right-arrow,
    .page-jy-invite .content .row-area .row-title .title-right-line {
        margin-left: 5px
    }
    .page-jy-invite .content .row-area .row-title .title,
    .page-jy-invite .content .row-area .row-title .title::before {
        font-size: 18px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .co-title,
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .item-title,
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .item-title,
    .page-jy-invite .content .row-area .footer-table .label {
        font-size: 16px
    }
    .page-jy-invite .content .row-area .record-table table td,
    .page-jy-invite .content .row-area .record-table table th {
        line-height: 30px
    }
    .page-jy-invite .content .row-area .record-table table tbody td {
        line-height: 25px;
        height: 25px
    }
    .page-jy-invite .content .row-area .footer-table .label .number {
        font-size: 26px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row {
        height: 56px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row div {
        box-sizing: border-box;
        height: 100%
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(2),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(2),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(3),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(4) {
        line-height: 42px
    }
}

@media screen and (max-width:350px) {
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item,
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item {
        padding: 10px 2px 0
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(1) {
        width: 66px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(3),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(3) {
        width: 60px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:last-child div:nth-child(5),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:last-child div:nth-child(5) {
        width: calc(100% - (14px * 2 + 66px + 60px))
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(2),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(1),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(2) {
        width: 71px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(3),
    .page-jy-invite .content .row-area .corner .equity .compare-area .right-item .calc-card .row:first-child div:nth-child(3) {
        width: calc(100% - (71px + 4px) * 2)
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .calc-card .row:first-child div:nth-child(3) {
        font-size: 12px;
        line-height: 15px
    }
    .page-jy-invite .link-area .copy-btn,
    .page-jy-invite .link-area .link-box {
        font-size: 12px
    }
    .page-jy-invite .content .row-area .corner .equity .compare-area .left-item .hint {
        bottom: 5px;
        font-size: 12px
    }
}

.page-jf-modal {
    display: flex;
    justify-content: center
}

.page-jf-modal .jfmodal-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .4;
    z-index: 1000
}

.page-jf-modal .jf-content {
    box-sizing: border-box;
    width: 480px;
    height: 600px;
    background: url(../img/jifen.png) no-repeat;
    background-size: 100%;
    position: fixed;
    top: 50%;
    margin-top: -300px;
    z-index: 1000;
    text-align: center;
    padding: 0 32px 0 26px
}

.page-jf-modal .jf-select {
    margin-top: 210px
}

.page-jf-modal .jf-select .jf-secitem {
    display: flex;
    box-sizing: border-box;
    background-image: linear-gradient(90deg, #fbeccf 0, #fff 100%);
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    text-align: left;
    border-radius: 32px;
    margin-bottom: 10px;
    border: 1px solid #fdb35f;
    padding-right: 14px
}

.page-jf-modal .jf-select .jf-secitem .item-title {
    display: inline-block;
    width: 194px;
    background-image: linear-gradient(90deg, #ff933f 0, #ff8729 26%, #ff7a13 53%, #ffa142 100%);
    text-align: center;
    border-radius: 32px;
    font-weight: 600;
    color: #fff
}

.page-jf-modal .jf-select .jf-secitem .item-desc {
    color: #5f2610;
    flex-grow: 1;
    text-align: center
}

.page-jf-modal .go-link {
    display: inline-block;
    width: 230px;
    height: 60px;
    background: url(../img/jifen-btnbg.png);
    background-size: 100%;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    line-height: 60px;
    margin-top: 20px
}

.page-jf-modal .go-link .icon-gopage {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/jifen-btn.png);
    background-size: 100%;
    vertical-align: middle;
    margin: 0 0 2px 8px
}

.page-jf-modal .jf-link {
    position: absolute;
    left: 26px;
    right: 32px;
    bottom: 0;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.page-jf-modal .jf-link .jf-link-item {
    color: #7d3914;
    font-size: 20px
}

.page-jf-modal .jf-close {
    display: inline-block;
    width: 34px;
    height: 34px;
    background: url(../img/dialog-close.png);
    background-size: 100%;
    position: absolute;
    top: -2px;
    right: -2px;
    cursor: pointer
}

@media screen and (max-width:1380px) {
    .page-jf-modal .jf-content {
        width: 432px;
        height: 540px;
        margin-top: -270px;
        padding: 0 28px 0 24px
    }
    .page-jf-modal .jf-select {
        margin-top: 190px
    }
    .page-jf-modal .jf-select .jf-secitem {
        font-size: 18px;
        height: 56px;
        line-height: 56px
    }
    .page-jf-modal .jf-select .jf-secitem .item-title {
        width: 172px
    }
    .page-jf-modal .go-link {
        width: 206px;
        height: 54px;
        font-size: 20px;
        line-height: 54px;
        margin-top: 16px
    }
    .page-jf-modal .go-link .icon-gopage {
        width: 26px;
        height: 26px;
        margin-left: 6px
    }
    .page-jf-modal .jf-link {
        left: 24px;
        right: 28px;
        height: 54px
    }
    .page-jf-modal .jf-link .jf-link-item {
        font-size: 18px
    }
}

@media screen and (max-width:600px) {
    .page-jf-modal .jf-content {
        width: 288px;
        height: 360px;
        margin-top: -180px;
        padding: 0 18px 0 14px
    }
    .page-jf-modal .jf-select {
        margin-top: 120px
    }
    .page-jf-modal .jf-select .jf-secitem {
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }
    .page-jf-modal .jf-select .jf-secitem .item-title {
        width: 116px
    }
    .page-jf-modal .go-link {
        width: 138px;
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        margin-top: 2px
    }
    .page-jf-modal .go-link .icon-gopage {
        width: 18px;
        height: 18px;
        margin-left: 4px
    }
    .page-jf-modal .jf-link {
        left: 14px;
        right: 18px;
        height: 36px
    }
    .page-jf-modal .jf-link .jf-link-item {
        font-size: 14px
    }
    .page-jf-modal .jf-close {
        display: inline-block;
        width: 20px;
        height: 20px
    }
}