.ace-file-multiple label span img,
.imgbox img,
.personnew_center .personalitem .upimgwrap img,
.personnew_center .personalitem .upimgwrap label span img,
.qualifinr li img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.zndisabled {
    cursor: not-allowed !important;
    background: #d7d7d7 !important
}

/* .personnew {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.newsul {
    flex: 1;
    overflow-y: auto;
} */

.personnew_center .personalitem .upimgwrap img {
    width: 100% !important;
    height: 100% !important
}

.personnew_center .personalitem .upimgwrap label span {
    width: 240px;
    height: 152px
}

.personnew_center .personalitem .upimgwrap label span img {
    background: #fff !important
}

.start {
    background: #fff
}

.input.disabled,
input.disabled {
    background: #ebebe4
}

.tab-button {
    line-height: none !important
}

.page-wrap .pagination {
    margin: 20px 0
}

#userreal .notallowed,
#userreal2 .notallowed {
    opacity: .6
}

.slide-tab-user li {
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 2px solid transparent
}

.lot-table td:last-child {
    border-right: none
}

.tab-price .price-box-rest {
    padding-top: 29px
}

.order-info-item {
    margin-bottom: 15px
}

.tab-price .sf-price-line4,
.tab-price .zz-price-line4 {
    padding-top: 5px
}

.sifa-content {
    width: 100%;
    min-height: calc(100vh - 350px);
    background: #f4f5f5
}

.sifa-content-div {
    width: 100%;
    height: auto
}

.sifa-cont {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    min-height: 700px;
}

.slide-tab-user {
    width: 180px;
    float: left;
    background: #fff
}

.slide-tab-user li {
    color: #333;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    padding: 10px 0 10px 20px;
    margin: 0;
    border-bottom: 1px solid #EEE;
    position: relative
}

.personcenter-right-title::after,
.slide-tab-user li.active2::after,
.slide-tab-user li.active::after {
    position: absolute;
    width: 2px;
    border-radius: 2px;
    content: ""
}

.slide-tab-user li span {
    margin-top: 0
}

.slide-tab-user li.active {
    color: #E1363A
}

.slide-tab-user li.active::after {
    height: 13px;
    background: #E1363A;
    top: 14px;
    left: 9px
}

.slide-tab-user li.active2 {
    color: #267FFE
}

.slide-tab-user li.active2::after {
    height: 13px;
    background: #267FFE;
    top: 14px;
    left: 9px
}

.slide-tab-user li:hover {
    background: #EEE
}

.icon-title {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

.icon-title2 {
    background: url(/themes/images/icon/security.png) center center no-repeat
}

.icon-title3 {
    background: url(/themes/images/icon/auction.png) center center no-repeat
}

.icon-title4 {
    background: url(/themes/images/icon/news.png) center center no-repeat
}

.icon-title5 {
    background: url(/themes/images/icon/follow_whitechecked.png) center center no-repeat
}

.icon-title6 {
    background: url(/themes/images/icon/recommend.png) center center no-repeat
}

.icon-title7 {
    background: url(/themes/images/icon/make.png) center center no-repeat
}

.icon-title8 {
    background: url(/themes/images/icon/iconservice.png) center center no-repeat;
    background-size: cover
}

.checkPermanent {
    display: block;
    background: url(/themes/images/icon/jg-select.png) left center no-repeat;
    padding-left: 18px;
    cursor: pointer;
    font-size: 16px;
    color: #333
}

.checkPermanent.active {
    background: url(/themes/images/icon/jg-selected.png) left center no-repeat
}

.checkPermanentWrap {
    height: 40px;
    line-height: 40px
}

.permanentWrap .titlePermanent {
    line-height: 32px !important
}

.personnew_center .personalitem .permanentError-today.error,
.personnew_center .personalitem .permanentError.error {
    background: url(/themes/images/my-error.png) 0 9px no-repeat;
    line-height: 32px !important
}

.my-auction-title {
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.sifa-cont-right {
    width: 1000px;
    float: left;
    min-height: 500px;
    margin-left: 20px;
    margin-top: -35px
}

.sifa-cont-right2 {
    margin-top: -50px
}

.sifa-cont .my-auction {
    width: 160px;
    height: 36px;
    padding-left: 20px;
    font-size: 16px;
    background: #e9e9e9;
    font-weight: 500;
    color: #FFF;
    line-height: 50px
}

.sifa-cont .my-auction2 {
    background: #E1363A;
    line-height: 36px
}

.sifa-cont .my-auction3 {
    background: #267FFE;
    line-height: 36px
}

.personbox {
    margin: 0 0 40px;
}

.picerror-msg {
    color: #d6363b;
    margin-left: 14px;
    display: none
}

.personbox h2 .tips {
    float: right;
    color: #d6363b;
    margin-right: 18px;
    font-size: 12px
}

#userreal .uploadmind {
    padding-left: 24px;
    float: none
}

.picexample div,
.upimgwrapType form,
.uploadmind,
.uploadmind div {
    float: left
}

.uploadmind div {
    width: 246px;
    margin-right: 47px
}

.picexample {
    clear: both;
    font-size: 14px;
    padding-left: 70px;
    overflow: hidden
}

.picexample div {
    width: 275px;
    margin-right: 30px;
    margin-left: -6px
}

.personbox h2 {
    height: 30px;
    line-height: 30px;
    background: #e9e9e9;
    color: #424242;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 400
}

.personcenter-right-title {
    line-height: 56px;
    background: #fff;
    height: 56px;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #DDD;
    position: relative;
    padding-left: 31px
}

.personcenter-right-title::after {
    height: 12px;
    background: #E1363A;
    left: 17px;
    top: 23px
}

.personcenter-right-title1 {
    padding-left: 20px;
    display: flex
}

.personcenter-right-title1::after {
    background: #fff
}

.personbox h2 a {
    float: right;
    width: 18px;
    height: 18px;
    margin: 10px;
    cursor: pointer
}

.personbox h2 .revise {
    background: url(/themes/images/icon.png) -139px -1px no-repeat
}

.personbox h2 .add {
    background: url(/themes/images/icon.png) -114px -1px no-repeat
}

.personbox h2 em,
.personcenter-right-title em {
    float: right;
    line-height: 30px;
    color: #007AFE;
    margin-right: 20px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 14px;
    font-weight: 400
}

.personcenter-right-title1 em {
    font-size: 16px;
    color: #666
}

.noDiv,
.personnew {
    padding: 20px 0;
    background: #fff;
    min-height: 500px;
    height: auto
}

.my_news .personnew {
    padding: 30px 0
}

#userreal,
#userreal2 {
    padding-top: 20px
}

.sifa-cont ul.newsul {
    width: 997px;
    margin: 0 auto;
    height: auto;
    clear: both;
    float: inherit
}

.sifa-cont ul.newsul li {
    font-size: 12px;
    color: #999;
    background: #fff;
    line-height: 24px;
    font-weight: 400;
    padding: 17px 0 10px 20px;
    margin: 10px 20px;
    border: 1px solid #d7d7d7
}

.itemtitle {
    font: 14px/16px;
    color: #333;
    padding-bottom: 14px;
    padding-right: 20px;
    font-weight: 700
}

.sifa-cont ul.newsul li .itemsendtime {
    float: right;
    color: #999;
    font-size: 12px
}

.itemcontent {
    padding-right: 20px;
    font: 12px/16px;
    color: #999;
    word-wrap: break-word
}

.itemcontent a,
.my_news .personnew .itemcontent a:hover {
    color: #d6363b
}

.my_news .personnew .itemcontent a {
    color: #999
}

.sifa-cont ul.newsul li span {
    font-size: 14px;
    color: #333
}

.sifa-cont ul.newsul li em {
    font-style: normal;
    color: #c63239
}

.mechreal-title {
    font-size: 16px;
    margin: 0 0 20px 40px
}

.personal_center_title {
    margin-left: 40px;
    margin-bottom: 20px
}

#company_msg .personalitem {
    margin-left: 20px
}

.bind-tel,
.personnew_center .personalitem {
    line-height: 30px;
    padding-left: 20px;
    font-size: 14px;
    position: relative;
    margin-bottom: 15px;
    clear: both
}

.personnew_center .personalitem .show {
    font-size: 16px
}

.personnew_center .personalitem .idcard {
    opacity: 0;
    position: absolute;
    top: 35px;
    left: 160px;
    width: 330px;
    height: 210px;
    cursor: pointer
}

.bind-tel label,
.personnew_center .personalitem label {
    color: #666;
    font-size: 12px;
    line-height: 30px;
    width: 120px;
    display: inline-block;
    vertical-align: top;
    text-align: right
}

#mechanism .personnew_center .personalitem label,
#mechreal .personnew_center .personalitem label {
    width: 119px;
    text-align: left
}

#mechreal .personnew_center .personalitem .upimgwrap label,
#mechreal .personnew_center .personalitem .upimgwrap-ie label {
    width: 240px
}

.star_must {
    color: #de6266;
    vertical-align: middle;
    margin-right: 6px;
    width: 5px;
    height: 14px;
    float: left
}

.personnew_center .personalitem span {
    color: #333;
    font-size: 16px
}

.personnew_center .personalitem .topersonal {
    color: #999;
    font-size: 12px;
    margin-left: 30px
}

.personnew_center .personalitem .topersonal em {
    color: #d6363b;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    font-weight: 700;
    cursor: pointer;
    margin-left: 5px
}

.personnew_center .personalitem .topersonal em:hover {
    text-decoration: underline
}

.auc-name:hover,
.personnew_center .personalitem a:hover,
.tab-img a:hover {
    text-decoration: none
}

.bind-msg,
.bind-user-capcha,
.bind-user-tel,
.personnew_center .personalitem input[type=text],
.personnew_center .personalitem input[type=password] .bind-tel input[type=text] {
    height: 30px;
    width: 200px
}

.personnew_center .personalitem input[type=text]::-webkit-input-placeholder,
.personnew_center .personalitem input[type=password]::-webkit-input-placeholder {
    color: #999
}

.bind-tel input[type=text],
.personnew_center .personalitem input[type=text],
.personnew_center .personalitem input[type=password],
.personnew_center .personalitem select {
    padding: 0 5px;
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px
}

.personnew_center .personalitem input[type=radio] {
    vertical-align: middle;
    margin: -2px 3px 0
}

.hidden {
    display: none
}

.personnew_center .personalitem select {
    height: 30px;
    width: 212px
}

.personnew_center .personalitem img.show {
    margin-top: 10px;
    width: 330px;
    height: 210px
}

.bind-tel em.error,
.personnew_center .personalitem em.error {
    border-color: #fff !important;
    background-color: #fff !important;
    color: #cd0000;
    /* display: none; */
    background: url(/themes/images/my-error.png) 0 1px no-repeat;
    padding-left: 20px;
    margin-left: 8px
}

.bind-tel .get-bind-code,
.personnew_center .personalitem .getcode {
    position: absolute;
    color: #d6363b;
    height: 14px;
    line-height: 14px;
    padding: 0 5px;
    right: 5px;
    top: 9px;
    font-size: 12px;
    cursor: pointer;
    min-width: 60px;
    text-align: center;
    border-left: 1px solid #d7d7d7
}

.personnew_center .personalitem .getcode:hover {
    color: #d6363b
}

.personnew_center .personalitem .getcode.tosend {
    color: #666;
    cursor: not-allowed
}

.personnew_center .personalitem .codewrap {
    display: inline-block;
    position: relative
}

.personnew_center .personalitem label.hidden {
    display: none;
    width: 12em
}

.personnew_center .personalitem .img-hide {
    width: 330px;
    height: 210px;
    margin-left: 120px;
    cursor: pointer
}

#password input.submit,
#userreal p {
    margin-left: 83px
}

.personnew_center .personalitem input[type=button].hidden {
    display: none
}

.personnew_center .personalitem input.cancel,
.personnew_center .personalitem input.submit {
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    width: 100px;
    border-radius: 3px
}

.personnew_center .personalitem input.submit {
    margin-left: 30px;
    background: #d6363b;
    border: 1px solid transparent;
    color: #fff
}

#mechreal .personnew_center .personalitem input.submit {
    margin-left: 0;
    margin-top: 40px
}

.personnew_center .personalitem input.submit:hover {
    background: #c93e45;
    border: 2px solid transparent
}

.personnew_center .personalitem input.cancel {
    border: 1px solid #d6363b;
    background: 0 0;
    color: #d6363b;
    margin-left: 30px
}

.personnew_center .personalitem input.cancel:hover {
    border: 2px solid #c93e45;
    color: #c93e45
}

.personnew_center .personalitem .upimgwrap {
    margin-right: 30px;
    width: 240px;
    height: 190px;
    text-align: center;
    position: relative;
    margin-top: 5px;
    float: left;
    display: inline-block
}

#userPhotoForm .ace-file-multiple {
    float: left
}

#preview {
    width: 100%;
    height: 100%;
    position: relative
}

.preview-ie-wrap .ie-remove {
    border-radius: 50%;
    color: #fff;
    padding: 3px;
    width: 15px;
    height: 15px;
    font-size: 12px;
    line-height: 15px
}

.personnew_center .personalitem .upimgwrap img {
    border-radius: 15px
}

.personnew_center .personalitem .upimgwrap .ace-file-multiple {
    height: auto
}

.personnew_center .personalitem .upimgwrap .ace-file-input input {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 187px
}

.personnew_center .personalitem .upimgwrap label {
    border: none;
    box-shadow: none;
    border-radius: 20px;
    background: url(/themes/images/addimg.png) no-repeat
}

.ace-file-multiple label.selected span:after,
.ace-file-multiple label:before {
    display: none
}

.personnew_center .personalitem .upimgwrap label span {
    margin-right: 0
}

.ace-file-input label.selected .remove [class*=icon-] {
    border-radius: 50%;
    color: #fff;
    padding: 3px
}

.noDiv {
    padding-top: 15%
}

.noDiv p {
    text-align: center;
    margin-bottom: 10px;
    color: #999;
    font-size: 14px;
    line-height: 24px
}

.noDiv p span {
    font-size: 16px;
    font-weight: 700;
    color: #999;
    padding-bottom: 5px
}

.noDiv img {
    vertical-align: middle;
    margin-bottom: 5px
}

.noDiv a {
    color: red;
    font-size: 22px
}

.personbox_user .renzheng {
    position: relative;
    height: 70px;
    padding-left: 40px
}

.personbox_user .renzheng .renzhenginput {
    margin-top: 12px
}

.personbox_user .renzheng img {
    float: left;
    vertical-align: middle;
    margin: 10px 15px 0 0
}

.renzheng_fail {
    display: inline-block;
    line-height: 50px;
    color: #c93e45;
    font-size: 18px
}

.finish .renzheng_fail {
    color: #0ab86c
}

.personbox_user .renzheng p {
    padding-top: 15px;
    margin-right: 200px;
    font-size: 14px
}

.personbox_user .renzheng p span {
    font-size: 14px
}

.personbox_user .renzheng input {
    padding: 10px 30px;
    color: #fff;
    background: #d6363b;
    font-size: 16px;
    vertical-align: middle;
    margin: 20px 0 0;
    border-radius: 5px
}

.updateInformationWrap {
    padding: 30px 0 0 20px
}

.updateInformationText {
    font-size: 14px;
    line-height: 24px;
    color: #666
}

.updateInformation {
    font-size: 14px;
    background: 0 0;
    color: #007AFF;
    line-height: 24px;
    padding: 0;
    margin: 0
}

.ml20,
.personnew .tabp {
    margin-left: 20px
}

.personbox_user .nopass {
    padding-left: 38px
}

.personbox_user .nopass .nopass-con {
    background: rgba(255, 54, 58, .1);
    border-radius: 4px;
    width: 926px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    padding: 16px;
    margin-top: 20px;
    box-sizing: border-box
}

.personbox_user .norenzheng,
.personbox_user .start {
    background: #f4f4f4
}

.personbox_user .norenzheng p {
    color: #333;
    padding-top: 26px
}

.personbox_user .norenzheng input {
    border: 2px solid #c8c8c8;
    color: #666
}

.personbox_user .finish input {
    border: 2px solid #D8E9CB
}

.personbox_user .start p {
    color: #999
}

.lot-table th,
.personbox_user .start p span {
    color: #333
}

.personbox_user .finish {
    background: #fff
}

.lot-table thead tr,
.lot-table tr:nth-child(even) {
    background: #F4F5F5
}

.lot-table td {
    text-align: center;
    color: #666
}

.tab-status input {
    background: 0 0
}

.tab-status input.nowbtn {
    color: #d6363b
}

#mine-auction .personnew {
    padding: 20px 0
}

#mine-auction .margin-details {
    width: 96%;
    padding: 0 2%
}

.personnew .tabp {
    font-size: 15px;
    border-bottom: 1px solid #d7d7d7;
    display: table;
    word-spacing: -1em;
    width: 960px
}

.personnew .tabp span {
    margin: 0 20px 0 40px;
    color: #494949;
    line-height: 30px;
    display: inline-block;
    cursor: pointer
}

.personnew .tabp span.active {
    border-bottom: 1px solid #d6363b;
    color: #d6363b;
    margin-bottom: -1px
}

.security-tip.nopassTips {
    font-size: 14px;
    color: #D6363B
}

.person_auction {
    display: none
}

.person_auction .tabDiv {
    margin-top: 20px
}

.tab-ul {
    height: 38px;
    background: #F3F5F7;
    border: 0;
    width: 96%;
    margin: 0 auto;
    float: inherit
}

.line6 .tab-ul li {
    width: 132px
}

.tab-ul li {
    float: left;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    margin-top: 6px;
    text-align: center;
    width: 165px;
    border: 0;
    padding-left: 0
}

.lot-table,
.span-textares {
    height: 90px
}

.tab-ul li:first-child {
    width: 295px
}

.tab-ul li:last-child {
    border-right: none
}

.tableDiv {
    width: 96%;
    margin: 18px auto 0;
    border: 1px solid #d7d7d7
}

.tableDiv h3 {
    background: #f3f5f7;
    border-bottom: 0;
    line-height: 40px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    overflow: hidden
}

.tableDiv.now h3,
.tableDiv.tostart h3 {
    border-bottom: 1px solid #E4F9FE;
    background: #F1FCFF
}

.first-span {
    width: 263px;
    float: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding-left: 50px;
    text-align: left;
    white-space: nowrap;
    word-break: keep-all;
    word-wrap: normal
}

.else-span,
.else-span2 {
    width: 320px;
    float: left;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.lot-table,
.lot-table td {
    border: none
}

.lot-table td,
.mymake-four,
.mymake-one,
.mymake-three,
.mymake-two {
    border-right: 1px solid #d7d7d7
}

.lot-table {
    width: 100%;
    margin: 10px auto 0
}

.lot-table td {
    float: left;
    line-height: 80px;
    height: 80px;
    font-size: 12px
}

.lot-table td:last-child {
    line-height: normal
}

.line6 .lot-table td {
    width: 132px
}

.lot-table td {
    width: 165px
}

.line6 .lot-table .tab-img,
.lot-table .tab-img {
    width: 294px
}

.tab-img a {
    display: table;
    height: 80px;
    overflow: hidden
}

.tab-img img {
    vertical-align: middle;
    width: 120px;
    height: 80px;
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.tab-img span {
    padding: 0 5px 0 0;
    color: #333;
    line-height: 22px;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.tab-img span:hover {
    color: #d6363b
}

.tab-price .price-box {
    padding: 22px 0 0;
    line-height: 18px
}

.time-box {
    line-height: 22px;
    padding-top: 22px
}

.tab-price {
    color: #A9A9A9
}

.tab-price span {
    color: #333
}

.tab-price span.money {
    display: inline-block;
    padding-bottom: 4px
}

.tab-time em {
    color: #999
}

.tab-name {
    color: #333
}

.tab-button input,
.tab-button select {
    background: #fff;
    border: 1px solid #d6363b;
    width: 90px;
    text-align: center;
    font-size: 14px;
    margin-top: 28px;
    color: #d6363b;
    border-radius: 4px;
    padding: 4px 0 5px;
    cursor: pointer
}

.tab-button input:hover {
    border-color: #C93e45;
    color: #C93e45
}

.tab-button select {
    text-align: center;
    padding-left: 6px
}

.tab-button select option {
    background: #fff;
    color: #000
}

.margin-details-intro {
    border: 0;
    background: 0 0;
    padding: 0
}

.details-title {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px
}

.details-title span {
    display: inline-block;
    color: #333
}

.intro-text {
    padding: 30px 0 10px;
    line-height: 1;
    font-size: 14px;
    color: #666
}

.info2 {
    font-size: 16px;
    color: #d6363b;
    margin-top: 20px;
    padding: 0 0 0 30px
}

.info3 {
    padding: 12px 0 0 30px
}

.margin-details {
    width: 96%;
    padding: 0 2%
}

.margin-details .intro-text span {
    color: #333;
    font-size: 16px
}

.margin-details-list h3,
.margin-details-order h3 {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    padding: 30px 0 20px
}

.margin-details-list .list-table {
    width: 880px;
    margin-left: 30px;
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
    margin-top: 30px
}

.margin-details-list .list-table tr:nth-child(even) {
    background-color: #fff
}

.list-table .detail-time i {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #ddd;
    display: inline-block;
    vertical-align: -2px;
    margin-left: 30px
}

.list-table td,
.list-table th {
    width: 20%;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    height: 40px;
    background: #f3f5f7;
    border-bottom: 0;
    border-right: 0
}

.list-table td.detail-time,
.list-table th.detail-time {
    width: 25%
}

.list-table td.detail-oprea,
.list-table th.detail-oprea {
    width: 15%
}

.list-table td {
    background: 0 0;
    font-size: 12px
}

.details-order-info {
    line-height: 1;
    font-size: 12px;
    padding: 0 20px
}

.details-order-info label {
    color: #666;
    display: inline-block;
    font-size: 14px
}

.personnew .car_view,
.personnew_center .personalitem .upimgwrapType,
.upimgwrap-ie {
    display: none
}

.auc-name {
    font-size: 16px;
    color: #333
}

.auc-name:hover {
    color: #333
}

.details-order-info span {
    font-size: 18px;
    color: #333
}

.personnew .del_btn {
    padding: 2px 18px;
    border: 1px solid #999;
    background: #fff;
    margin-right: 10px
}

#userreal .upimgieSys,
#userreal .upimgwrap {
    margin-right: 30px;
    padding-left: 20px
}

.picexampleone {
    float: left;
    width: 300px;
    line-height: 160px;
    margin-left: 35px;
    height: 185px;
    cursor: pointer
}

input#userPhoto {
    position: absolute;
    top: 7px;
    left: 0;
    width: 330px;
    height: 210px;
    overflow: hidden;
    line-height: 99em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.upimgwrap-ie {
    margin-right: 30px;
    width: 240px;
    height: 152px;
    text-align: center;
    position: relative;
    margin-top: 5px;
    float: left
}

.preview-ie-wrap {
    height: auto;
    line-height: normal;
    position: relative;
    width: 100%
}

.preview-ie-input {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 153px;
    width: 240px;
    position: absolute;
    z-index: -1
}

.personnew_center .personalitem .preview-ie-wrap .preview-ie-label {
    width: 240px;
    height: 152px;
    vertical-align: top;
    position: relative;
    cursor: pointer
}

.preview-ie-wrap .custorm-style {
    background: url(/themes/images/addimg.png) center center no-repeat;
    border: 1px solid #ddd;
    width: 238px;
    height: 150px;
    border-radius: 15px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle
}

.preview-ie-wrap .ie-remove {
    right: -12px;
    top: -12px;
    z-index: 100;
    display: none;
    position: absolute;
    background: url(/themes/images/delfile.png) no-repeat
}

.picexample div span {
    display: block;
    margin-bottom: 10px
}

.picexample div img {
    cursor: pointer;
    border: 1px dashed #d7d7d7;
    border-radius: 8px;
    padding: 10px
}

.picexample div img.big {
    border-radius: 15px
}

.opcy_new {
    height: 1788px;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, .3);
    filter: alpha(opacity=30);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99
}

.pagination .current,
.pagination .next,
.pagination .previous,
.pagination a,
.personnew .pagination .break,
.personnew .pagination .route {
    border: 1px solid #d7d7d7
}

.user-nobind-tel {
    background: #fff;
    text-align: center;
    padding-bottom: 240px;
    display: none
}

.user-nobind-tel p {
    padding: 70px 0 40px;
    font-size: 16px;
    color: #333
}

.user-nobind-tel input {
    background: #d6363b;
    color: #fff;
    width: 124px;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px
}

.bind-tel .getcapcha {
    position: absolute;
    width: 97px;
    height: 32px;
    right: 0;
    top: 0
}

.bind-tel .getcapcha img {
    width: 100%;
    height: 100%
}

.bind-tel .codewrap {
    display: inline-block;
    position: relative
}

#userreal .getcode.tosend,
.get-bind-code.tosend {
    color: #cdcdcd;
    cursor: not-allowed
}

#userreal p {
    font-size: 12px;
    color: #333
}

#userreal2 .personnew_center .personalitem label {
    text-align: left
}

.personbox_user .renzheng input.rgrz {
    border: 1px solid #d6363b;
    background: 0 0;
    color: #d6363b;
    margin-left: 30px
}

.user-real-show .personnew_center {
    padding-left: 20px
}

.user-real-show .personnew_center .personalitem label {
    width: 50px;
    text-align: left
}

#userreal .upimgieSys {
    width: 240px;
    height: 152px;
    text-align: center;
    position: relative;
    margin-top: 5px;
    float: left;
    display: none
}

#userreal .uploadmind1 {
    padding-left: 24px;
    float: none
}

#userreal .uploadmind1 div {
    float: left;
    width: 246px;
    margin-right: 47px
}

.picexampleUse {
    overflow: hidden;
    margin-left: 40px
}

.picexampleUse div {
    float: left;
    width: 275px;
    margin-right: 20px
}

.picexampleUse div span {
    display: block;
    margin-bottom: 10px
}

.picexampleUse div img {
    cursor: pointer;
    border: 1px dashed #d7d7d7;
    border-radius: 8px;
    padding: 10px
}

.invoicenrload a,
.jhrzmcl-img img,
.picexampleUse div img.big {
    border-radius: 15px
}

#password .tips {
    margin-left: 83px;
    color: #999;
    margin-top: 5px;
    font-size: 12px
}

.dialog {
    text-align: center;
    width: 400px;
    padding: 50px 30px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 40%;
    z-index: 9999;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    display: none
}

.dialog h3,
.go-login {
    display: inline-block
}

.go-login {
    width: 180px;
    height: 40px;
    line-height: 40px;
    background-color: #d6363b;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 4px;
    margin-top: 60px
}

.go-login:hover {
    color: #fff;
    background: #c93e45
}

.dialog h3 {
    color: #666;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin-left: 15px;
    vertical-align: -3px
}

.userreal2-error {
    margin-top: 20px
}

#user .submit {
    margin-left: 80px
}

#mechreal .notallowed,
#userreal .notallowed,
#userreal2 .notallowed {
    cursor: not-allowed;
    background: #d7d7d7
}

.dialog-btn,
.individu_box button,
.next-step.active,
.security-btn,
.subinfo-tip {
    cursor: pointer
}

.account-info {
    background: #fff
}

.individu_box {
    width: 100%;
    overflow: hidden
}

.sub_xinx {
    float: left
}

.subtitle {
    padding-top: 20px;
    font-size: 16px;
    color: #333;
    padding-left: 40px
}

.individu_box button {
    display: block;
    font-size: 14px;
    color: #d6363b;
    float: right;
    width: 100px;
    height: 30px;
    background: 0 0;
    border: 1px solid #d6363b;
    border-radius: 6px;
    margin-top: 10px;
    margin-right: 10px;
    transition: all .3s ease
}

.individu_box button:hover {
    border: 1px solid #fff;
    background: #d6363b;
    color: #fff
}

.info-wrap {
    padding: 20px 0;
    border-bottom: 1px solid #d7d7d7
}

.infolist,
.myinvoceshis-two td {
    padding: 10px 0
}

.infolist {
    font-size: 12px;
    color: #666;
    line-height: 16px
}

.subinfo-label {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    font-size: 14px
}

.bottom-btn,
.dialog-btn,
.next-step,
.registerStep,
.security-btn,
.step-area {
    text-align: center
}

.infolist span {
    margin-left: 10px
}

.subinfo-tip {
    color: #d6363b;
    font-size: 12px
}

.security-label,
.subinfo-value {
    font-size: 14px;
    color: #333
}

.subinfo-value2 {
    display: block
}

.securitylist {
    background: url(/themes/images/pay_succ.png) 40px center no-repeat;
    line-height: 70px;
    border-bottom: 1px dotted #d7d7d7;
    /* padding-left:100px; */
    font-size: 12px
}

.securitylist2 {
    height: 76px;
    /* padding-left:80px; */
    line-height: normal;
    display: flex;
    align-items: center
}

.realcorpName.active,
.security-wrap .realname.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -10px no-repeat;
    background-size: 37px;
}

.realcorpName.active2,
.security-wrap .realname.active2 {
    background: url(/themes/images/icon/agency-smrz.png) 14px 20px no-repeat
}

.security-wrap .realpassword.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -417px no-repeat;
    background-size: 35px
}

.security-wrap .realpassword.active2 {
    background: url(/themes/images/icon/agency-password.png) 14px 20px no-repeat
}

.security-wrap .realphone.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -335px no-repeat;
    background-size: 37px
}

.security-wrap .realphone.active2 {
    background: url(/themes/images/icon/agency-tel.png) 14px 20px no-repeat
}

.security-wrap .realemail.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -120px no-repeat;
    background-size: 37px
}

.security-wrap .realemail.active2 {
    background: url(/themes/images/icon/agency-email.png) 14px 20px no-repeat
}

.security-wrap .realuser.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -229px no-repeat;
    background-size: 37px
}

.security-wrap .realuser.active2 {
    background: url(/themes/images/icon/agency-username.png) 14px 20px no-repeat
}

.security-wrap .cancellationWrap.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -661px no-repeat;
    background-size: 37px
}

.security-wrap .cancellationWrap.active2 {
    background: url(/themes/images/icon/agency-zxzh.png) 14px 20px no-repeat
}

.security-wrap .qualifiwzWrap.active {
    background: url(/themes/images/icon/securznicon_sprites.png) 14px -550px no-repeat;
    background-size: 37px
}

.security-wrap .qualifiwzWrap.active2 {
    background: url(/themes/images/icon/agency-zlk.png) 14px 20px no-repeat
}

.realpassword {
    display: none
}

.security-wrap {
    padding: 5px 30px 1px
}

.security-label2 {
    width: 250px;
    display: inline-block;
    line-height: 25px
}

.security-tip {
    color: #666;
    margin-left: 0
}

.security-tip2 {
    color: #999;
    font-size: 12px;
    width: 520px
}

.security-btn {
    float: right;
    margin-right: 164px;
    color: #d6363b;
    width: 50px
}

.security-btn2 {
    margin-right: 64px
}

.crumbssymbol {
    margin-left: 10px;
    margin-right: 10px
}

.page-dialog {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: none
}

.dialog-content {
    padding: 50px 50px 30px;
    background: #fff;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 440px;
    height: 180px
}

.top-tip {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    background: url(/themes/images/pay_succ.png) no-repeat;
    padding-left: 50px
}

.dialog-btn,
.next-step {
    width: 120px;
    height: 36px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    margin: 0 15px;
    border: 1px solid transparent
}

.next-step.active,
.sure-btn {
    background: #d6363b;
    color: #fff
}

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

.gary-btn {
    background: #d7d7d7;
    color: #fff
}

.middle-tip {
    font-size: 12px;
    color: #666;
    line-height: 1.5;
    padding-left: 50px;
    margin: 20px 0 40px
}

.no-real {
    width: 310px;
    height: 100px
}

.no-real .top-tip {
    line-height: 30px;
    background: url(/themes/images/pay_succ.png) 60px 0 no-repeat;
    padding-left: 100px;
    font-size: 20px;
    margin-bottom: 30px
}

.register-container {
    padding: 40px 50px
}

.register-step {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #fff
}

.registerStep {
    width: 33.33%;
    float: left;
    font-size: 14px;
    color: #999
}

.step-slider {
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    margin-top: 30px;
    position: relative
}

.step-area,
.step-area2 {
    line-height: 24px;
    margin-top: -12px
}

.step-area {
    width: 24px;
    height: 24px;
    color: #fff;
    background-color: #e0e0e0;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px
}

.step-area-on,
.step-slider-on {
    background-color: #f7797e
}

.on {
    font-weight: 700
}

.account {
    margin: 50px 0 0 200px;
    font-size: 14px;
    overflow: hidden
}

.account.active {
    display: block
}

.qualifinr li label,
.span-label,
.span-val {
    display: inline-block
}

.span-label {
    font-size: 14px;
    color: #666;
    width: 100px;
    text-align: right
}

.font16-black {
    font-size: 16px;
    color: #050001;
    margin-bottom: 38px
}

.code-time,
.color-red,
.err {
    color: #d6363b
}

.steplist div {
    font-size: 14px;
    color: #666;
    line-height: 30px;
    margin-bottom: 10px
}

.color-back {
    color: #333
}

.large-input input {
    padding: 0
}

.span-val {
    position: relative;
    width: 298px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    border: 1px solid #d7d7d7;
    text-indent: 6px
}

.code-num,
.code-time {
    position: absolute;
    cursor: pointer
}

.span-val2 {
    width: 288px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    padding-left: 12px
}

.show-wrap .span-val {
    border: none
}

.code-time,
.my_finishservicecost table tr td+td,
.my_servicecost table tr td+td {
    border-left: 1px solid #d7d7d7
}

.code-num {
    right: 5px;
    top: 0;
    width: 120px;
    height: 28px
}

.code-num2 {
    width: 70px;
    height: 30px
}

.code-num img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: left
}

.code-num2 img {
    margin-top: 5px;
    margin-left: -5px
}

.err {
    font-size: 12px;
    margin-left: 8px
}

.code-time {
    right: 0;
    top: 5px;
    width: 120px;
    height: 18px;
    line-height: 18px;
    text-align: center
}

.code-time2,
.input-wrap,
.span-textares {
    line-height: 30px
}

.code-time2 {
    border-left: none
}

.next-step {
    margin-top: 30px;
    margin-left: 100px;
    width: 158px
}

.show-wrap {
    border: none
}

.check-password {
    font-size: 12px;
    width: 210px;
    height: 14px;
    background: #e0e0e0;
    border-radius: 7px;
    margin-left: 190px;
    margin-top: 5px;
    margin-bottom: 15px
}

.check-password div {
    width: 33.33%;
    height: 100%;
    line-height: 14px;
    box-sizing: border-box;
    float: left;
    text-align: center
}

.account-three {
    margin-left: 350px
}

.account-three img {
    margin-right: 15px
}

.account-three .next-step {
    margin-left: 0;
    margin-top: 12px
}

.company-appeal,
.err2 {
    margin-left: 100px
}

.company-appeal {
    margin-top: 30px;
    font-size: 12px;
    color: #333
}

.company-appeal span {
    font-size: 14px;
    margin-left: 5px;
    cursor: pointer
}

.appel-length {
    width: 400px;
    text-align: right;
    margin-bottom: 15px;
    color: #666
}

.account-two .picexample div {
    width: 250px;
    margin-left: 0
}

.account-two .uploadmind div {
    float: left;
    width: 235px;
    margin-right: 47px
}

.account-two .personnew_center .personalitem {
    padding-left: 100px
}

.account-two .picexampleone {
    margin-left: 0
}

.account-two .picexample {
    padding-left: 0
}

.span-textares textarea {
    line-height: 28px;
    width: 98%;
    height: 88px;
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
    outline: 0;
    resize: none
}

.account-three {
    overflow: inherit
}

.account-three-tip {
    margin-left: -108px;
    font-size: 14px;
    line-height: 1.5;
    color: #333
}

.account-three-tip2 {
    margin-left: -54px;
    margin-bottom: 38px
}

.old-bind {
    margin-left: -80px
}

.sub-tab {
    padding-left: 62px
}

.sub-tab2 {
    padding-left: 0
}

.subtab-li {
    margin: 15px 0;
    cursor: pointer
}

.subtab-li2 {
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    padding-left: 30px;
    margin: 0;
    border-bottom: 1px solid #F6F5F8
}

.subtab-li.active {
    color: #d6363b
}

.subtab-li.active2 {
    color: #267FFE
}

.individu_zhezbox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999
}

.indivnr_box {
    width: 693px;
    max-height: 640px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -346px;
    margin-top: -300px;
    overflow: auto;
    border-radius: 10px
}

.cates .personalitem,
.chapass-nrbox,
.chaplist-box,
.info-listbox,
.my-makenr,
.qualifi,
.qualifinr,
.qualifinr li label,
.qualifishow,
.qualifishowul,
.recom_type,
.recom_type ul {
    overflow: hidden
}

.indivnr_box h1 {
    font-weight: 400;
    font-size: 22px;
    color: #fff;
    background: #d6363b;
    height: 66px;
    line-height: 66px;
    padding-left: 17px;
    margin-bottom: 12px
}

.indivnr_neibox {
    width: 658px;
    margin: 0 auto
}

.indiv_province {
    width: 100%;
    height: auto
}

.indiv_title {
    font-size: 16px;
    margin: 6px 0 12px -18px;
    background: #EFEFEF;
    height: 34px;
    line-height: 34px;
    width: 675px;
    padding-left: 18px
}

#ser_close {
    position: absolute;
    right: 10px;
    top: 25px;
    cursor: pointer
}

.recom_box {
    padding: 20px 0 0;
    background: #fff
}

.recom_type {
    padding-left: 20px
}

.recom_type h1 {
    font-size: 14px;
    color: #C54541;
    float: left;
    height: 20px;
    line-height: 20px;
    font-weight: 400
}

.recom_type ul {
    float: left;
    margin-left: 10px;
    width: 790px
}

.recom_type ul li {
    padding: 3px 15px;
    border: 1px solid #C54541;
    border-radius: 4px;
    margin-right: 20px;
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
    color: #C13A37
}

.focus_warp,
.my_sffocus,
.my_zzfocus {
    padding-bottom: 18px;
    background: #fff
}

.foucs_more,
.not_assets {
    font-size: 16px;
    text-align: center
}

.not_assets {
    color: #333;
    width: 100%;
    height: 300px;
    line-height: 300px;
    background: #fff
}

.recom_warp {
    width: 100%
}

.focus_warp {
    border-top: 1px solid #fff
}

.tab-status-fous {
    width: 125px !important
}

.tab-button-fouc {
    width: 247px !important
}

.tab-button-fouc input {
    float: left;
    margin-left: 24px
}

.my_sffocus,
.my_zzfocus {
    min-height: 440px
}

.margin-details .intro-text em,
.sffocus_return,
.zzfocus_return {
    color: #333;
    float: right;
    cursor: pointer
}

.list-table-tbody tr {
    border-bottom: 1px solid #f1f1f1
}

.J-right-content.my_nowmake,
.my_finishmake {
    background: #fff
}

.J-right-content.my_nowmake .page-wrap,
.my_finishmake .page-wrap {
    padding-bottom: 20px
}

.J-right-content.my_nowmake .page-wrap .pagination,
.my_finishmake .page-wrap .pagination {
    margin: 0
}

.focus_warp {
    min-height: 382px
}

.foucs_more {
    color: #999;
    font-weight: 700;
    padding: 162px 0
}

.fouce_kong {
    font-size: 12px;
    color: #999;
    text-align: center;
    margin-top: 1%
}

.lot-li-a {
    width: 235px
}

.lot-li {
    margin: 20px 20px 0 0;
    position: relative
}

.lot-li:nth-child(4n+4) {
    margin-right: 0
}

.lot-title {
    height: 20px
}

.lot-header-section {
    height: 156px
}

.recom_type ul .recom_more {
    width: 66px;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    font-size: 20px;
    padding: 0;
    cursor: pointer
}

.tab-button {
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center
}

.tab-button input {
    margin: 0 auto
}

.online,
.onpay {
    margin-top: 10px !important
}

.cates {
    width: 960px;
    padding: 20px
}

.cates-title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px
}

.cates .upimgieSys {
    float: left;
    margin-right: 30px
}

.cates .picexampleUse {
    width: 100%
}

.cates .error {
    border-color: #fff !important;
    background-color: #fff !important;
    color: #cd0000;
    background: url(/themes/images/my-error.png) 0 center no-repeat;
    padding-left: 20px;
    float: left;
    width: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: 1%;
    margin-left: 4%;
    margin-bottom: 30px
}

.cates .uploadmind1 div {
    float: left;
    width: 246px;
    margin-right: 47px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.cates .preview-ie-input {
    z-index: 999;
    opacity: 0;
    cursor: pointer
}

#catessubmit {
    background: #d6363b;
    border: 1px solid transparent;
    color: #fff;
    width: 100px;
    height: 40px;
    font-size: 16px;
    margin: 40px 40px 15px;
    cursor: pointer
}

.cates:nth-child(3n+3) {
    margin-right: 0
}

.cates .personalitem .custorm-style img {
    width: 100%;
    height: 100%
}

.cates .personalitem {
    margin-bottom: 1%
}

.cates-auth-error {
    margin-bottom: 1% !important;
    margin-top: 0 !important
}

.qualifinr li,
.qualifishowul li {
    float: left;
    margin-left: 3%;
    margin-bottom: 3%
}

.qualifi {
    width: 96%;
    padding: 2%
}

.qualifinr {
    width: 90%;
    float: left
}

.qualifinr li {
    width: 240px;
    height: 152px;
    position: relative;
    cursor: pointer
}

.qualifinr li input {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 153px;
    width: 240px;
    position: absolute;
    z-index: 999;
    opacity: 0
}

.qualifinr li label {
    background: url(/themes/images/addimg.png) center center no-repeat;
    border: 1px solid #ddd;
    width: 238px;
    height: 150px;
    border-radius: 15px;
    position: relative;
    vertical-align: middle;
    line-height: 150px;
    text-align: center
}

#catesbuttom,
.loadsure,
.qualifi-remove,
.qualifishow {
    display: none
}

.qualifi-title {
    font-size: 16px;
    float: left
}

.qualifi-remove {
    width: 15px;
    height: 15px;
    right: 11px;
    padding: 5px;
    top: 4px;
    position: absolute;
    background: url(/themes/images/delfile.png) no-repeat;
    z-index: 1000
}

.qualifishowul {
    width: 90%;
    float: left
}

.qualifishowul li {
    width: 240px;
    height: 152px;
    position: relative
}

.qualifishowul li img {
    width: 100%;
    height: 100%
}

#certifsubmit,
#qualifisubmit,
.loadsure {
    border: 1px solid transparent;
    width: 100px;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    background: #d6363b
}

#certifsubmit,
#qualifisubmit {
    height: 40px;
    margin: 40px 40px 15px
}

.loadsure {
    height: 40px;
    margin-left: 0
}

.qualifishow {
    width: 96%;
    margin: 2% auto
}

#qualishowsubmit {
    padding: 14px 10px;
    background: #d6363b;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
    border-radius: 10px;
    display: block;
    margin-top: 40px;
    margin-bottom: 60px;
    float: right;
    margin-right: 376px
}

.qualifinrerro {
    font-size: 12px;
    color: #d6363b;
    width: 87%;
    float: right;
    display: none
}

.qualifi .personalitem {
    width: 91%;
    float: right
}

#qualifisubmit {
    margin-left: 380px;
    border-radius: 10px
}

.infoerror,
.mymake-one span {
    margin-left: 10px
}

.znnotallowed {
    cursor: not-allowed !important;
    background: #d7d7d7 !important
}

.my_nowmake ul {
    background: #fff;
    padding: 2%
}

.my_nowmake>ul li {
    width: 100%;
    border: 1px solid #d7d7d7
}

.my_nowmake ul li h1 {
    font-size: 14px;
    color: #666;
    background: #f3f5f7;
    padding-left: 50px;
    height: 40px;
    font-weight: 400;
    line-height: 40px
}

.mymake-five,
.mymake-four,
.mymake-one img,
.mymake-three,
.mymake-two {
    height: 80px;
    float: left
}

.my-makenr {
    padding: 10px
}

.mymake-one {
    float: left;
    padding: 0 10px
}

.mymake-one img {
    width: 120px
}

.mymake-one span {
    width: 127px;
    text-align: left;
    font-size: 12px;
    float: left;
    margin-top: 20px;
    line-height: 20px
}

.mymake-two {
    width: 129px
}

.mymake-two em,
.mymake-two span {
    font-size: 12px;
    text-align: center;
    display: block;
    width: 100%
}

.mymake-two span {
    margin-top: 25px
}

.mymake-two em {
    margin-top: 4px
}

.mymake-three {
    width: 138px
}

.mymake-three em,
.mymake-three span {
    width: 100%;
    font-size: 12px;
    text-align: center;
    display: block
}

.mymake-three span {
    margin-top: 25px
}

.mymake-three em {
    margin-top: 4px
}

.mymake-four {
    width: 200px;
    padding: 0 0 10px
}

.mymake-four p {
    font-size: 12px;
    text-align: center;
    width: 90%;
    margin-top: 28px;
    padding: 0 10px
}

.mymake-five {
    width: 192px
}

.mymake-five button {
    width: 162px;
    height: 40px;
    background: 0 0;
    border: 1px solid #d6363b;
    color: #d6363b;
    margin: 20px auto 0;
    display: block;
    cursor: pointer
}

#chapass,
.changeName {
    margin-left: 4px;
    font-size: 12px;
    background: 0 0;
    cursor: pointer
}

.my_finishmake .mymake-four {
    border-right: 0;
    width: 340px;
    padding: 0;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    display: flex
}

.my_finishmake .mymake-four p {
    margin-top: 0;
    width: 100%;
    line-height: 16px
}

.my_finishmake .mymake-one span {
    width: 180px
}

.changeName {
    color: #d6363b
}

#chapass {
    padding: 1px 8px;
    border: 1px solid #d6363b;
    color: #d6363b;
    border-radius: 3px;
    display: none
}

.chapass-box {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none
}

.chapass-nrbox {
    width: 536px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-top: -139px;
    margin-left: -210px;
    background: #fff;
    border-radius: 10px
}

.chapass-title {
    width: 100%;
    height: 44px;
    background: #C1393C
}

.chapass-title h1 {
    font-size: 16px;
    line-height: 44px;
    float: left;
    margin-left: 40px;
    color: #fff;
    font-weight: 400
}

.chapass-title img {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 13px;
    margin-right: 12px;
    cursor: pointer
}

.chapbox-warp {
    width: 500px;
    margin: 28px auto 0
}

.chaplist-box {
    margin-bottom: 14px;
    position: relative
}

.chaplist-box span {
    width: 81px;
    font-size: 12px;
    line-height: 28px;
    float: left;
    color: #999
}

.chaplist-box em,
.chaplist-box p {
    color: #C1393C;
    font-size: 12px
}

.chaplist-box input {
    width: 235px;
    height: 26px;
    border: 1px solid #999;
    float: left;
    text-indent: 12px;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0
}

.chaplist-box p {
    float: right;
    position: absolute;
    right: 44px;
    top: 10px
}

.chaplist-box img {
    width: 14px;
    position: absolute;
    right: 188px;
    top: 10px;
    cursor: pointer
}

.chap-error {
    width: 235px;
    float: left;
    font-size: 12px;
    margin-top: 7px;
    margin-left: 81px
}

#chapassure {
    width: 100px;
    height: 32px;
    background: #d6363b;
    font-size: 16px;
    color: #fff;
    margin: 0 auto 20px;
    display: block;
    cursor: pointer
}

#buttwo {
    display: none
}

#butthree {
    display: block;
    float: right;
    line-height: 30px;
    margin-right: 20px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 14px;
    font-weight: 400;
    background: 0 0
}

.butthree_gr {
    color: #E1363A
}

.butthree_jg {
    color: #007AFE
}

#moreinfo {
    width: 90px;
    height: 35px;
    border-radius: 4px;
    background: #d6363b;
    color: #fff;
    font-size: 16px;
    margin: 15px 0 0 160px;
    cursor: pointer
}

.info-listbox {
    width: 92%;
    margin: 20px auto 0
}

.info-listbox em {
    font-size: 14px;
    line-height: 19px;
    width: 84px;
    text-align: right;
    display: inline-block
}

.info-listbox span {
    font-size: 14px;
    line-height: 19px;
    color: #666
}

.info-listbox .infoxix-code-wrap {
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    padding: 0 0 0 20px;
    height: 40px;
    display: inline-block;
    line-height: 40px
}

#phonenumts {
    color: #333
}

.info-listbox .infoxix-code-wrap button,
.info-listbox .infoxix-code-wrap input {
    border: none
}

.info-listbox input {
    width: 149px;
    height: 30px;
    border: 1px solid #D8D8D8
}

.info-listbox button,
.infoimg {
    width: 87px;
    margin-left: 8px;
    cursor: pointer
}

.info-listbox button {
    height: 32px;
    border: 1px solid #d62d26;
    background: 0 0;
    color: #D62D26
}

.infoimg {
    height: 34px;
    border: none
}

.personal-nebox {
    padding-bottom: 40px
}

.personal-nebox .title {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-bottom: 1px solid #D62D26;
    font-size: 16px;
    color: #D62D26;
    text-indent: 40px
}

.personal-nebox .title-one {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    background: #F9F9F9;
    color: #333;
    text-indent: 40px
}

.personline-box {
    width: 92%;
    margin: 22px auto
}

.personline-box em {
    font-size: 14px
}

.personal-nebox h3 {
    font-size: 14px;
    margin-top: 22px;
    text-indent: 40px
}

.infoerror,
.moreinfoerreo {
    font-size: 12px;
    color: #d6363b;
    opacity: 0
}

.idcareimg,
.mechidcareimg,
.qualificationsimg {
    float: left;
    margin-right: 62px
}

.idcareimg em {
    width: 100%;
    display: block;
    margin-bottom: 13px
}

.moreinfoerreo {
    width: 407px;
    display: block;
    text-align: center;
    margin-top: 10px
}

.personline-box img {
    width: 244px;
    height: 160px;
    margin-top: 4px
}

.personmech-box em {
    float: left
}

.personmech-right {
    float: left;
    margin-left: 18px
}

.personmech-right p {
    width: 100%;
    margin-bottom: 15px
}

.personmech-right span {
    font-size: 14px
}

.mechcareimg em,
.mechidcareimg em {
    display: block
}

.my_finishservicecost,
.my_servicecost {
    background: #fff;
    padding-bottom: 20px;
    border-top: 1px solid #fff;
    min-height: 544px
}

.my_finishservicecost table,
.my_servicecost table {
    width: 99%;
    margin: 0 auto
}

.my_finishservicecost table tr th,
.my_servicecost table tr th {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    text-align: left;
    text-align: center
}

.my_finishservicecost table tr td,
.my_servicecost table tr td {
    font-size: 12px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center
}

.my_finishservicecost table tr td img,
.my_servicecost table tr td img {
    width: 120px;
    height: 80px;
    float: left
}

.my_finishservicecost table tr td em,
.my_servicecost table tr td em {
    float: left;
    width: 127px;
    margin-left: 4px;
    margin-top: 10px;
    text-align: left
}

.servicecost-title {
    width: 15%
}

.servicecos-introduce {
    width: 30%
}

.servicecos-introduce .myinvoces-checkbox input {
    width: 15px;
    height: 15px
}

.servicecos-introduce .myinvoces-checkbox i {
    width: 14px;
    height: 14px
}

.servicecos-introduce .myinvoces-checkbox input[type=checkbox]:checked+.checadvice-box i {
    background: url(/themes/images/sign-active.png) no-repeat;
    background-size: 16px 16px;
    border: 1px solid #fff
}

.servicecost-price,
.servicecost-time {
    width: 12%
}

.servicecost-proportion,
.servicecost-servicecharge,
.servicecost-transactionStatus {
    width: 13%
}

.servicecost-operation {
    width: 20%;
    position: relative
}

.my_sernr {
    padding-bottom: 18px
}

.my_serlist {
    border: 1px solid #d7d7d7;
    padding-bottom: 10px;
    width: 96%;
    margin: 18px auto 0
}

.my_serlist h3 {
    width: 94%;
    margin: 0 auto 4px;
    background: #f3f5f7;
    height: 40px;
    line-height: 40px;
    padding: 0 3%;
    font-weight: 400;
    color: #666
}

.servicecost-operation button {
    width: 100px;
    height: 30px;
    background: #d6363b;
    color: #fff;
    border-radius: 4px;
    cursor: pointer
}

.my_servicecost h1 {
    font-size: 16px;
    color: #d6363b;
    line-height: 22px;
    padding: 18px;
    display: none
}

.servicecost-operation span {
    position: absolute;
    top: -36px;
    left: 0;
    background: #fff;
    padding: 4px 8px;
    border: 1px solid #333;
    line-height: 20px;
    display: none
}

.invoicenr {
    width: 400px;
    height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -200px;
    border-radius: 8px
}

.servicecost-operation span::after {
    content: '';
    border-left: 7px solid transparent;
    border-top: 7px solid transparent;
    border-right: 7px solid #333;
    position: absolute;
    top: 43px;
    left: 90px;
    transform: rotate(42deg)
}

.invoicenr ul {
    padding: 4%;
    height: 65%;
    overflow: auto
}

.bd-introduce,
.bd-wz,
.fields,
.img-show,
.imgbox p,
.invoicelist,
.invoicenr ul li,
.invoicenrload,
.invoicenrload ul li,
.invoiceshow .invoicelist,
.list-box,
.my-lncreasenrbox,
.mypolicy-list,
.nr-box,
.pay-input,
.policyzq-time,
.quotanotopen,
.redio-beautify,
.service-invoice,
.service-pay,
.service-pirce {
    overflow: hidden
}

.invoicenr ul li {
    font-size: 16px;
    margin-bottom: 10px
}

.invoicenr ul li em {
    float: left;
    height: 30px;
    line-height: 30px
}

.invoicenr ul li a {
    width: 70px;
    height: 30px;
    background: #D62D26;
    color: #fff;
    font-size: 14px;
    float: right;
    border-radius: 4px;
    text-align: center;
    line-height: 30px
}

#invoiceclose {
    width: 90%;
    margin: 0 auto;
    display: block;
    height: 35px;
    color: #fff;
    background: #D62D26;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer
}

.invoiceshow {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .6);
    z-index: 999999999;
    display: none
}

.invoiceshow .invoicebox {
    width: 730px;
    margin: 30px auto 0;
    background: #fff;
    padding: 0
}

.invoiceshow .invoicenrbox {
    width: 98%;
    margin: 0 auto;
    padding-bottom: 20px
}

.invoiceshow input {
    border: none !important
}

.invoiceshow .invoicetitle {
    line-height: 40px;
    text-indent: 10px;
    font-size: 18px;
    color: #fff;
    background: #d6363b;
    border: none
}

.invoiceshow .invoicelist {
    width: 100%;
    margin-bottom: 18px
}

.invoiceshow .invoicelist label {
    font-size: 14px;
    width: 110px;
    text-align: right;
    display: inline-block;
    height: 28px;
    line-height: 28px
}

.invoiceshow .invoicelist label em {
    color: #D7353B
}

.invoicebox h1 {
    font-weight: 400;
    font-size: 16px;
    color: #D7353B;
    margin: 20px 0
}

.invoicebox h1 em {
    margin-right: 4px
}

#invosbth,
#invosbth1 {
    width: 160px;
    height: 43px;
    background: #D7353B;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: block;
    margin: 10px auto
}

.invoicenrload,
.quotazhezbox-nr {
    border-radius: 10px;
    margin-left: -230px
}

.invoicepicture {
    width: 300px
}

.expressNumberBox,
.invoiceloadlist {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .6);
    z-index: 999999999;
    display: none
}

.invoicenrload {
    width: 460px;
    height: 332px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -150px
}

.invoicenrload1 {
    width: 542px;
    height: 243px;
    background: #FFF;
    border-radius: 0
}

.invoicenrload ul {
    width: 90%;
    margin: 0 auto 20px
}

.invoicenrload ul li {
    width: 100%;
    font-size: 14px;
    border-bottom: 1px solid #D8D8D8;
    margin-top: 17px;
    line-height: 28px
}

.invoicenrload1 ul li {
    border-bottom: none;
    display: flex;
    align-items: center
}

.invoicenrload1 ul li em {
    font-weight: 500;
    font-size: 20px;
    color: #E1363A
}

.invoicenrload1 ul li div {
    margin-top: 2px;
    margin-right: 36px
}

.invoicenrload1 ul li input[type=checkbox] {
    accent-color: #E1363A
}

.invoicenrload span {
    color: #999
}

.invoicenrload1 span {
    margin-right: 8px;
    font-weight: 400;
    font-size: 14px;
    color: #333
}

.invoicenrload a {
    float: right;
    width: 77px;
    height: 28px;
    background: #c1393c;
    color: #fff;
    text-align: center;
    line-height: 28px
}

.invoicenrloadtitle {
    width: 100%;
    background: #C1393C;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    text-indent: 22px
}

.invoicenrloadtitle1 {
    width: auto;
    margin: 0 24px;
    text-indent: 0;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    background: #fff;
    border-bottom: 1px solid #D7D7D7
}

.invoicenrloadtitle img {
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    cursor: pointer
}

.invoicenrloadtitle1 img {
    width: 16px;
    height: 16px
}

.invoicenrBlank {
    width: 140px;
    height: 40px;
    font-weight: 400;
    font-size: 16px;
    color: #FFF;
    background: #E1363A;
    border-radius: 4px;
    margin-left: 38%
}

.expressNumberBox .invoicenrload {
    width: 600px;
    height: 200px;
    margin-top: -100px;
    margin-left: -300px
}

.expressNumberBox .expressNumberCon {
    padding-top: 50px;
    text-align: center;
    font-size: 20px
}

.expressNumberBox .expressNumberCon .expressNumber {
    font-size: 20px;
    min-width: 50px
}

.expressNumberBox .expressNumberCon .expressNumberBtn {
    color: #CA1110;
    cursor: pointer;
    margin-left: 20px;
    display: inline-block
}

.my_quotanr {
    padding: 20px;
    background: #fff;
    min-height: 400px
}

.my_quotabox {
    width: 960px;
    margin: 0 auto
}

.quotanotopen {
    border: 1px solid #D7D7D7;
    margin-bottom: 20px;
    display: none
}

.quotanotopen img {
    float: left
}

.quotanotopen-list {
    float: left;
    margin-left: 9px;
    margin-top: 18px
}

.quotanotopen-list h1 {
    font-size: 18px
}

.quotanotopen-list>em {
    display: block;
    width: 36px;
    height: 1px;
    background: #030B1A;
    margin: 16px 0
}

.quotanotopen-list ul {
    padding: 0 !important;
    width: 486px
}

.quotanotopen-list li {
    float: left;
    border: none !important;
    font-size: 16px;
    margin-right: 39px;
    width: 123px !important;
    margin-bottom: 7px
}

.quotanotopen-list li em {
    float: left;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #030B1A;
    margin-right: 8px;
    margin-top: 7px
}

.quota_bthone,
.quota_bthtwo {
    width: 64px;
    height: 28px;
    background: #D7373B;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 46px;
    cursor: pointer;
    margin-left: 76px
}

.quotaopen {
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    margin-bottom: 20px;
    display: none
}

.open-one {
    border-left: 4px solid #EB9538
}

.open-two {
    border-left: 4px solid #D7373B
}

.quotaopen-title {
    background: #F2F5F7 !important;
    padding: 0 !important;
    height: 40px
}

.quotaopen-title li {
    width: 173px;
    float: left;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin-left: 17px
}

.quotaopen-title li em {
    color: #fff;
    display: block;
    width: 96px;
    height: 0;
    border-top: 29px solid #EB9538;
    border-left: 0 solid transparent;
    border-right: 12px solid transparent;
    border-radius: 2px 2px 0 0;
    position: relative;
    margin-top: 6px
}

.quotaopen-title li span {
    position: absolute;
    left: 5px;
    top: -32px;
    height: 18px;
    color: #fff
}

.quotaopen-nrlist {
    padding: 0 !important;
    margin: 23px 0
}

.quotaopen-nrlist li {
    width: 172px;
    height: 40px;
    float: left;
    margin-left: 17px;
    border-right: 1px solid #D7D7D7;
    line-height: 40px
}

.quotaopen-nrlist li:last-child {
    border: none
}

.quotaopen-nrlist li em {
    display: block;
    line-height: 40px
}

.quotaopen-nrlist li span {
    line-height: 40px;
    color: #007AFE
}

.quotsuccess {
    color: #D7373B !important
}

.quotaopen-nrlist li button {
    background: #fff;
    border: 1px solid #d7373b;
    color: #d7373b;
    font-size: 12px;
    margin-left: 50px;
    width: 64px;
    height: 28px;
    border-radius: 5px;
    cursor: pointer
}

.mypolicy-list {
    width: 100%;
    padding: 0 !important;
    border: 1px solid #e9e9e9;
    border-bottom: none;
    border-left: none
}

.mypolicy-list li {
    width: 136.4px;
    float: left;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #D62D26;
    cursor: pointer;
    font-size: 16px;
    position: relative
}

.policy-active {
    border: 1px solid #D62D26;
    border-bottom: 1px solid #fff !important;
    color: #D62D26
}

.mypolicy-list li em {
    border-radius: 50%;
    background: #D62D26;
    color: #fff;
    font-size: 12px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 5px;
    float: left;
    display: none
}

.mypolicy-tabletitle,
.mypolicy-tabletitle th {
    border: 1px solid #D8D8D8;
    border-collapse: collapse
}

.mypolicy-list li span {
    float: left;
    margin-left: 37px
}

.mypolicy-tabletitle {
    width: 98%;
    margin: 20px auto 0;
    height: 46px;
    background: #F5F5F5;
    table-layout: fixed;
    border-bottom: none
}

.mypolicy-tabletitle th {
    border-bottom: none;
    font-size: 14px;
    font-weight: 400
}

.mypolicy-tableconter,
.mypolicy-tableconter td {
    border: 1px solid #D8D8D8;
    border-collapse: collapse
}

.mypolicy-tabletitle tr {
    border-collapse: collapse
}

.mypolicy-tableone {
    width: 120px;
    text-align: center
}

.mypolicy-tabletwo {
    width: 254px;
    padding: 0 15px;
    line-height: 16px
}

.mypolicy-tablethree {
    width: 100px;
    text-align: center
}

.mypolicy-tablefour {
    width: 168px;
    text-align: center
}

.mypolicy-tablefive {
    width: 124px;
    text-align: center
}

.mypolicy-tablesex {
    width: 160px;
    text-align: center
}

.mypolicy-tableconter {
    width: 100%;
    margin: 0 auto;
    height: 46px;
    background: #fff;
    table-layout: fixed
}

.mypolicy-tableconter td {
    font-size: 12px;
    height: 39px
}

.mypolicy-tableconter tr {
    border-collapse: collapse
}

.mypolicy-tablesex button {
    background: 0 0;
    border: none;
    margin-right: 12px;
    cursor: pointer
}

.policy-applyinvoice,
.policy-applyinvoicedown,
.policy-download,
.policy-download1,
.policy-show {
    color: #2D7FE5
}

.policy-pay a {
    color: #D62D26
}

.policy-title {
    font-size: 18px;
    padding-left: 6px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px
}

.policy-title em {
    float: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer
}

.policyzq-time {
    width: 100%
}

.policyzq-time p {
    float: left;
    margin-right: 57px;
    font-size: 14px;
    margin-top: 26px
}

.policyzq-time p em {
    margin-left: 12px
}

.policyzq-timeaxis {
    width: 479px;
    margin-top: 34px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 46px
}

.police-line {
    width: 100%;
    height: 6px;
    background: #E4E5E9
}

.police-line span {
    display: block;
    height: 100%;
    background: #CA1110
}

.policyzqtime {
    width: 56px;
    text-align: center;
    position: absolute
}

.policyzqtime em {
    display: block;
    width: 34px;
    height: 34px;
    background: #E4E5E9;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    margin: 0 auto 6px
}

.policyzqtime span {
    font-size: 14px
}

.policyzqtime-one {
    left: -15px;
    top: -16px
}

.policyzqtime-two {
    left: 45%;
    top: -16px
}

.policyzqtime-three {
    right: -15px;
    top: -16px
}

.policyzqtimeactive em {
    background: #CA1110 !important
}

.policyzqtimeactive span {
    color: #CA1110 !important
}

.policyzq-info {
    width: 100%;
    border: 1px solid #F9F9F9;
    margin-top: 17px
}

.policyzq-info h1 {
    width: 100%;
    background: #F9F9F9;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-indent: 24px
}

.mypolicyxq-tableconter {
    margin: 20px auto
}

.mypolicyxq-tableconter th {
    background: #F5F5F5;
    border: 1px solid #d8d8d8;
    height: 46px;
    color: #333;
    font-size: 14px
}

.mypolicyxq-tableconter td {
    padding: 22px 0
}

.policyzq-info ul li {
    font-size: 12px;
    margin-top: 20px
}

.policyzq-info ul li span {
    display: inline-block;
    width: 100px
}

.my-lncreasenr {
    width: 100%;
    margin-top: 50px;
    margin-left: 5px
}

.my-lncreasenrbox {
    width: 100%;
    margin-bottom: 20px
}

.my-lncreasenr span {
    float: left;
    width: 154px;
    font-size: 14px
}

.my-lncreasenrright img {
    border: 1px solid #D62D26;
    padding: 2px
}

.my-lncreasenrright em {
    font-size: 14px;
    margin-right: 52px
}

.increanum1,
.increanum2 {
    font-weight: 700
}

.my-lncreasenrright input {
    width: 405px;
    height: 36px;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    text-indent: 10px
}

.my-lncreasenext {
    width: 88px;
    height: 36px;
    background: #CA1110;
    color: #fff;
    font-size: 12px;
    float: left;
    margin-left: 477px;
    cursor: pointer
}

body {
    background: #fff
}

.list-outbox {
    width: 900px;
    margin: 50px auto
}

.img-show span,
.list-boxerreo {
    margin-left: 10px
}

.img-show,
.list-box {
    margin-bottom: 18px;
    position: relative
}

.img-show1 input,
.img-show2 input {
    position: absolute;
    left: 150px;
    opacity: 0
}

.my-lncreasetwobth {
    width: 100%;
    text-align: center
}

.my-lncreasetwobth button {
    width: 88px;
    height: 36px;
    font-size: 12px;
    background: #d7332d;
    color: #fff;
    cursor: pointer;
    margin-right: 62px;
    border-radius: 2px
}

.my-lncreasenr label {
    width: 150px;
    font-size: 14px;
    float: left;
    height: 36px;
    line-height: 36px
}

.my-lncreasenr label em {
    color: #CA1110;
    margin-right: 4px
}

.list-box input,
.list-box select {
    width: 390px;
    height: 36px;
    background: 0 0;
    border: 1px solid #D8D8D8;
    padding: 0;
    text-indent: 10px
}

.list-boxerreo {
    color: #d7332d;
    font-size: 12px;
    background: url(/themes/images/a-close.png) left center no-repeat;
    padding-left: 20px;
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.catest-shownr {
    float: left;
    width: 80%;
    margin-top: 10px
}

.img-show1 input {
    width: 256px;
    height: 180px;
    top: 0
}

.img-show2 button {
    width: 76px;
    height: 30px;
    background: #F5F5F5;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    float: left
}

#bank {
    border: 1px solid #979797
}

.img-show2 input {
    width: 76px;
    height: 30px;
    top: 0
}

.catest-shownr img {
    width: 256px;
    cursor: pointer
}

.disabled {
    background: #F5F5F5 !important
}

.catest-shownr p {
    margin-top: 3px
}

.catest-shownr p em {
    cursor: pointer
}

.my_quotazhezbox,
.my_quotazhezbox1 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: none
}

.quotazhezbox-nr {
    width: 460px;
    height: 218px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -109px
}

.quotazhezbox-nr h1 {
    font-size: 22px;
    text-align: center;
    margin-top: 36px
}

.quotazhezbox-nr p {
    width: 90%;
    margin: 14px auto;
    font-size: 16px;
    line-height: 21px
}

.quotazhezbox-nr button {
    width: 120px;
    height: 36px;
    font-size: 16px;
    color: #fff;
    display: block;
    margin: 40px auto 0;
    background: #C1393C;
    border-radius: 6px;
    cursor: pointer
}

.quotazhezbox-nr img {
    float: right;
    width: 16px;
    margin-top: 10px;
    margin-right: 20px;
    cursor: pointer
}

.applyinvoice-nrbox .title {
    width: 100%;
    height: 56px;
    background: #d6363b;
    font-size: 22px;
    line-height: 56px;
    color: #fff
}

.nr-box {
    padding: 20px;
    background: #fff
}

.applyinvoice-nrbox.applyinvoice-nrbox1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .nr-box2 {
    padding: 6px 20px
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .titleTopW {
    padding: 0 24px;
    height: 64px;
    background: #fff;
    width: 1200px;
    box-sizing: border-box;
    position: relative
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .titleTopW .titleTop {
    border-bottom: 1px solid #ddd;
    height: 64px;
    line-height: 64px
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .titleTopW .titleTop .text {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    float: left
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .titleTopW .titleTop .close {
    width: 16px;
    height: 16px;
    float: right
}

.applyinvoice-nrbox.applyinvoice-nrbox1 .titleTopW .titleTop .close img {
    width: 16px;
    height: 16px;
    cursor: pointer
}

.bd-introduce {
    border-bottom: 1px solid #F5F6F6;
    margin-bottom: 20px
}

.bd-introduce img {
    float: left;
    width: 92px;
    height: 62px;
    margin-right: 12px
}

.bd-wz p {
    font-size: 14px;
    margin-right: 36px;
    float: left
}

.pay-metatit,
.redio-beautify span,
.service-pirce p {
    font-size: 16px;
    float: left
}

.bd-wz p span {
    font-weight: 700
}

.service-pirce {
    margin-top: 20px
}

.service-pirce p {
    font-weight: 700;
    line-height: 42px
}

.service-pirce span {
    float: left;
    font-size: 32px;
    color: #D2051E;
    line-height: 40px;
    font-weight: 700
}

.service-pay {
    border-bottom: 1px solid #F5F6F6;
    padding-bottom: 20px
}

.pay-input {
    float: left;
    position: relative;
    margin-right: 30px;
    width: 102px
}

#qualifi-input,
.fields input,
.imgbox p,
.pay-input input {
    position: absolute;
    left: 0
}

.pay-input input {
    width: 160px;
    height: 18px;
    top: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.pay-inputbox {
    margin-left: 14px;
    float: left
}

.redio-beautify i {
    width: 16px;
    height: 16px;
    border: 1px solid #CCD1D9;
    border-radius: 3px;
    float: left
}

.pay-input input[type=radio]:checked+.redio-beautify i {
    background: url(/themes/images/sign-active2.png) no-repeat;
    background-size: 16px 16px;
    border: 1px solid #fff
}

.fields input[type=radio]:checked+.redio-beautify i,
.pay-input input[type=checkbox]:checked+.redio-beautify i {
    background: url(/themes/images/sign-active.png) no-repeat;
    background-size: 16px 16px;
    border: 1px solid #fff
}

.fields input {
    top: 0;
    opacity: 0
}

.imgbox,
.myinvoces-bdlist em,
.myinvoces-checkbox,
.mypolicy-detailbox {
    position: relative
}

.redio-beautify span {
    margin-top: 1px;
    margin-left: 2px;
    color: #666
}

.pay-metatit {
    color: #000;
    font-weight: 700
}

.pay-metatit em {
    color: #D7353B
}

.fields {
    width: 100%
}

.bth-box {
    margin-top: 12px;
    text-align: center
}

.bth-box button {
    width: 160px;
    height: 46px;
    background: #D7353B;
    color: #fff;
    font-size: 20px;
    margin-right: 20px;
    cursor: pointer
}

.invoice-error,
.invoicelist label {
    font-size: 14px;
    display: inline-block
}

.servicebox {
    padding-bottom: 30px;
    background: #fff;
    margin-bottom: 50px;
    min-height: 460px
}

#bank {
    background: #E7E7E7;
    color: #666
}

.invoicebox {
    width: 930px;
    background: #F2F6FF;
    padding: 22px 10px;
    border-radius: 6px;
    margin-left: 101px
}

.invoicebox3 {
    width: 1020px;
    padding: 10px
}

.invoicelist {
    width: 100%;
    margin-bottom: 18px
}

.invoicelist label {
    width: 120px;
    text-align: right;
    height: 28px;
    line-height: 28px
}

.invoicelist label em {
    color: #D7353B
}

.invoicelist input {
    width: 500px;
    height: 26px;
    border: 1px solid #DFE0E2;
    background: #fff;
    margin-left: 10px;
    border-radius: 3px
}

.invoice-error {
    color: #D7353B;
    margin-left: 10px
}

.invoiceboxthree h1 {
    font-size: 16px;
    color: #D7353B;
    line-height: 21px;
    margin: 18px 0 18px 15px
}

.invoiceboxthree h1 em {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #D7353B;
    color: #fff;
    text-align: center;
    margin-right: 7px
}

.imgbox {
    width: 216px;
    height: 144px;
    border: 1px solid #DFE0E2;
    display: inline-block;
    margin-left: 10px;
    line-height: 144px;
    text-align: center
}

.imgbox p,
.verification em {
    line-height: 30px;
    text-align: center
}

.imgbox p {
    width: 100%;
    height: 30px;
    background: #D7353B;
    color: #fff;
    font-size: 14px;
    bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis
}

.invoicetype,
.isadmin {
    display: none
}

#qualifi-input {
    width: 218px;
    height: 146px;
    top: 0;
    opacity: 0
}

.applyinvoice-box,
.applyinvoice-box1,
.applyinvoice-box2 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    overflow: auto;
    display: none
}

.applyinvoice-nrbox {
    width: 1200px;
    margin: 4% auto
}

#applyinvoice-submit,
#applyinvoice-submit1,
#applyinvoice-submit2 {
    width: 160px;
    height: 46px;
    background: #D7353B;
    color: #fff;
    font-size: 20px;
    margin: 30px auto 0;
    display: block;
    cursor: pointer
}

.radius4 {
    border-radius: 4px
}

.J-insurance-li {
    display: none
}

.price-min {
    font-size: 16px;
    text-align: center;
    color: #D7353B;
    margin-bottom: 20px;
    display: none
}

.cancellation-box {
    width: 65%;
    margin: 20px auto 0;
    display: none;
    overflow: hidden
}

.cancellation-box h1 {
    margin-bottom: 20px;
    font-size: 24px
}

.cancellation-careful {
    display: block;
    font-size: 14px;
    color: #D62D26;
    margin-bottom: 15px
}

#cancellation-bth {
    width: 140px;
    height: 44px;
    color: #fff;
    background: #D62D26;
    display: block;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    margin: 25px auto 40px
}

.cancellation-nr {
    width: 94%;
    padding: 3% 3% 1px;
    background: #F5F5F5;
    border-radius: 10px
}

.cancellation-nr p {
    font-size: 14px;
    margin-bottom: 15px;
    color: #666
}

.cancellation-nr p span {
    width: 4px;
    height: 4px;
    background: #666;
    border-radius: 50px;
    float: left;
    margin-top: 5px;
    margin-right: 4px
}

.cancellation-box-one h3 {
    font-size: 14px;
    color: #666;
    margin-top: 25px
}

.cancellation-box-one h3 em {
    color: #4198FF;
    font-weight: 400;
    cursor: pointer
}

.cancellation-zhezbox {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999
}

.cancellation-zheznrbox {
    width: 900px;
    height: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -350px;
    margin-left: -450px;
    background: #fff
}

.cancellation-zheznrbox h1 {
    width: 94%;
    height: 46px;
    background: #EBECF0;
    padding: 0 3%;
    line-height: 46px;
    font-size: 16px
}

.cancellation-zhezwz h2,
.cancellation-zhezwz p {
    font-size: 14px;
    color: #333;
    line-height: 28px;
    font-weight: 400
}

.cancellation-zheznrbox h1 img {
    float: right;
    margin-top: 15px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.cancellation-zhezwz {
    width: 94%;
    padding: 3%
}

.cancellation-zhezwz p {
    text-indent: 28px
}

.cancellation-zhezwz button {
    width: 144px;
    height: 44px;
    background: #D2051E;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    display: block;
    margin: 30px auto 0;
    cursor: pointer
}

.cancellation-box-two img {
    display: block;
    margin: 0 auto 20px
}

.cancell-title {
    width: 100%;
    text-align: center;
    font-size: 18px !important
}

.cancellation-box-two li {
    width: 96%;
    background: #F5F5F5;
    border-bottom: 1px solid #fff;
    height: 60px;
    font-size: 14px;
    line-height: 60px;
    padding-left: 4%;
    display: none
}

.cancellation-box-two li a {
    float: right;
    line-height: 60px;
    margin-right: 4%;
    color: #d6363b
}

.cancellation-box-two p {
    font-size: 14px;
    color: #666;
    margin: 20px 0 38px
}

.cancellation-box-four button,
.cancellation-box-three button,
.cancellation-box-two button {
    display: block;
    font-size: 16px;
    color: #fff;
    margin: 0 auto 40px;
    width: 140px;
    height: 44px;
    background: #D62D26;
    border-radius: 4px;
    cursor: pointer
}

.cancellation-box-three h1 {
    font-size: 24px
}

.cancellation-box-three p {
    font-size: 15px;
    margin: 16px 0
}

.verification {
    margin-bottom: 30px
}

.verification input {
    width: 155px;
    height: 30px;
    border-bottom: 1px solid #CCC
}

.verification em {
    display: inline-block;
    width: 96px;
    height: 30px;
    opacity: 1;
    border: 1px solid #d6363b;
    border-radius: 2px;
    font-size: 14px;
    color: #D6363B;
    margin-left: 8px;
    cursor: pointer
}

.cancellation-box-four img {
    display: block;
    margin: 0 auto
}

.cancellation-box-four p {
    text-align: center;
    margin: 20px 0 57px;
    font-size: 18px;
    font-weight: 500
}

.cancellationzhez-zaoc {
    text-align: center;
    margin-top: 40px
}

.cancellationzhez-zaoc button {
    margin: 0 0 0 30px;
    display: inline-block;
    width: 101px;
    height: 34px
}

#cancellationzhez-sure {
    background: #E7E7E7;
    color: #666
}

.cancellation-box-three span {
    display: block;
    color: #d6363b;
    text-align: center;
    font-size: 12px;
    height: 12px
}

.mypolicy-detailtitlebox,
.mypolicy-detailtitlebox1 {
    width: 532px;
    height: 47px;
    border-radius: 1px;
    background: url(/themes/images/icon/mypolicyicon2.png) left 18px center no-repeat rgba(255, 208, 61, .1);
    background-size: 20px 20px;
    margin-top: 17px;
    font-size: 14px;
    color: #9C4B13;
    line-height: 47px;
    padding-left: 44px
}

.mypolicy-detailtitlebox em {
    float: right;
    text-decoration: underline;
    color: #CA1110;
    margin-right: 16px;
    display: none;
    cursor: pointer
}

.tksure-bank,
.tksure-policy {
    display: inline-block !important;
    margin-right: 10px !important;
    margin-top: 20px !important
}

.tksure-policy {
    background: #d7332d !important;
    border: 1px solid #d7332d !important;
    color: #fff
}

.tk_success {
    text-align: center
}

.applyinvoice-box1 select,
.applyinvoice-box2 select {
    width: 500px;
    height: 26px;
    margin-left: 10px
}

.downloade-policy ul li {
    width: 100%;
    overflow: hidden
}

.downloade-policy ul li em {
    width: 32px;
    height: 32px;
    float: left;
    font-size: 16px;
    background: #E4E5E9;
    color: #fff;
    text-align: center;
    line-height: 32px
}

.download-policybox {
    float: left;
    border-left: 2px solid #E4E5E9;
    padding-left: 16px;
    padding-bottom: 40px
}

.downloade-policy ul li button {
    width: 96px;
    height: 32px;
    background: #CA1110;
    border-radius: 2px;
    font-size: 12px;
    color: #fff
}

.download-policybox p {
    font-size: 14px;
    margin-bottom: 12px
}

.mypolicyxq-tablehistory td {
    text-align: center
}

#mypolicy-detailpay {
    line-height: 47px;
    font-size: 14px;
    float: right;
    margin-right: 20px;
    text-decoration: underline;
    color: #CA1110;
    display: none
}

#download-epolicy {
    width: 88px;
    height: 32px;
    color: #fff;
    background: #CA1110;
    font-size: 12px;
    position: absolute;
    top: 90px;
    right: 297px;
    border-radius: 2px;
    line-height: 32px;
    text-align: center;
    display: none
}

.my-lncreasetwobth em {
    width: 75% !important;
    margin-top: 10px
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.myinvoces-nrbox {
    padding: 2%;
    background: #fff
}

.myinvocestitle button {
    display: inline-block;
    width: 140px;
    height: 36px;
    opacity: 1;
    background: #fff;
    font-size: 14px;
    color: #666;
    margin-right: 10px;
    border: 1px solid #E9E9E9;
    cursor: pointer
}

.invocestitle-active {
    background: #D7373B !important;
    color: #fff !important
}

.myinvoces-tip {
    font-size: 14px;
    color: #666;
    margin: 22px 0;
    display: block
}

.myinvoces-list {
    width: 100%;
    border: 1px solid #E8E8E8;
    border-bottom: none
}

.myinvoces-listtitle {
    width: 100%;
    height: 36px;
    background: #FAFAFA;
    border-bottom: 1px solid #E8E8E8
}

.myinvoces-listtitle span {
    float: left;
    width: 119px;
    color: #666;
    line-height: 36px;
    margin-left: 38px;
    font-size: 14px
}

.my_invoiceshistory .myinvoces-Insurance div,
.my_invoiceshistory .myinvoces-listtitle span {
    margin-left: 20px
}

.my_invoiceshistory .myinvoces-Insurance .myinvocestwo-five {
    margin-left: 55px
}

.my_invoiceshistory .myinvoces-Insurance .myinvocestwo-operation {
    width: 117px;
    margin-top: -4px;
    font-size: 14px
}

.my_invoiceshistory .myinvoces-Insurance .myinvocestwo-operation button {
    display: inline-block;
    background: 0 0;
    color: #007AFF;
    padding: 0;
    border: none
}

.my_invoiceshistory .myinvoces-Insurance .myinvocestwo-operation a {
    display: inline-block;
    background: 0 0;
    color: #007AFF;
    margin-left: 4px
}

.myinvoces-checkbox {
    margin-left: 11px;
    float: left
}

.myinvoces-checkbox i {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #CCD1D9;
    border-radius: 3px
}

.myinvoces-nrxq li {
    padding: 14px 0;
    overflow: hidden;
    border-bottom: 1px solid #E8E8E8
}

.myinvoces-ordernumber {
    width: 191px;
    float: left;
    height: 22px;
    line-height: 22px;
    margin-left: 16px
}

.myinvoces-bdlist {
    width: 326px;
    float: left;
    margin-left: 30px
}

.myinvoces-bdlis-title {
    line-height: 22px
}

.myinvoces-bdlis-title li {
    border: none
}

.myinvoces-bdlist h1 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.myinvoces-bdlist em {
    line-height: 22px;
    height: 22px;
    float: right;
    color: #007AFF;
    cursor: pointer;
    padding-right: 14px;
    display: none
}

.myinvoces-bdlist em span {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    background: url(/themes/images/icon/myinvoces-xl.png) right center no-repeat
}

.myinvoces-time {
    margin-left: 38px;
    float: left;
    line-height: 22px
}

.myinvoces-price {
    margin-left: 44px
}

.myinvoces-bdlist ul {
    margin-top: -5px;
    height: 0;
    overflow: hidden
}

.myinvoces-bdlist li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px;
    font-size: 12px;
    color: #666;
    padding: 0
}

.myinvoces-checkbox input,
.myinvoces-checkbox1 input {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.myinvoces-checkbox1 input[type=checkbox]:checked+.checadvice-box i,
.myinvoces-list input[type=checkbox]:checked+.checadvice-box i {
    background: url(/themes/images/sign-active.png) no-repeat;
    background-size: 16px 16px;
    border: 1px solid #fff
}

.myinvoces-listbottom {
    width: 100%;
    height: 66px;
    background: #fff;
    margin-top: 20px;
    display: none
}

.myinvoces-checkbox1 {
    float: left;
    margin-top: 20px;
    margin-left: 34px;
    position: relative
}

.myinvoces-checkbox1 i {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #CCD1D9;
    border-radius: 3px;
    float: left
}

.myinvoces-checkbox1 span {
    float: left;
    line-height: 20px;
    margin-left: 6px;
    font-size: 14px;
    color: #333
}

.myinvocesbottom-right {
    float: right
}

.myinvocesbottom-right p {
    float: left;
    font-size: 12px;
    line-height: 66px;
    margin-left: 20px
}

.myinvocesbottom-right p em {
    font-size: 20px;
    color: #D7373B;
    margin: 0 4px;
    font-weight: 700
}

.myinvocesbottom-right button {
    width: 140px;
    height: 44px;
    opacity: 1;
    background: #d62d26;
    border: 1px solid #d62d26;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    color: #fff;
    float: left;
    margin-top: 11px;
    cursor: pointer;
    margin-left: 10px
}

.myinvoces-Insurance div {
    float: left;
    margin-left: 38px
}

.myinvocestwo-one {
    width: 127px;
    min-height: 12px
}

.myinvocestwo-two {
    width: 326px;
    margin-left: 16px !important
}

.myinvocestwo-three {
    width: 144px
}

.myinvocestwo-four {
    width: 113px
}

.myinvocestwo-six {
    width: 49px;
    color: #2D7FE5;
    cursor: pointer
}

.myinvocesinfor-nr {
    padding: 2%;
    background: #fff
}

.myinvoces-information .tip {
    background: #FFFDEF;
    color: #AA4E11;
    font-size: 12px;
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    text-indent: 20px
}

.myinvoces-information .tip1 {
    height: 36px;
    line-height: 36px;
    text-indent: 12px;
    font-weight: 400;
    color: #C0704E;
    border-radius: 4px
}

.myinvoces-information .bgFFE8E8 {
    width: 961px;
    height: 36px;
    margin-bottom: 12px;
    padding-left: 12px;
    line-height: 36px;
    background: #FFE8E8;
    border-radius: 4px;
    font-weight: 400;
    font-size: 12px;
    color: #E1363A
}

.myinvocesinfor-box {
    width: 100%;
    margin-top: 16px;
    overflow: hidden
}

.myinvocesinfor-box label {
    font-size: 14px;
    color: #666;
    line-height: 36px;
    width: 110px;
    float: left
}

.myinvocesinfor-box1 label {
    text-align: right
}

.myinvocesinfor-box label em {
    color: #D7353B
}

.myinvocesinfor-box input {
    width: 420px;
    height: 36px;
    border: 1px solid #DFE0E2;
    float: left;
    font-size: 14px;
    text-indent: 20px
}

.myinvocesinfor-box1 input {
    width: 300px;
    border-radius: 4px;
    color: #333
}

.myinvocesinfor-input h1 {
    font-size: 18px;
    color: #D7353B;
    margin: 22px 0 16px
}

#qualifi-input1 {
    width: 218px;
    height: 146px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

#myinvocesinfor-bth {
    width: 117px;
    height: 36px;
    opacity: 1;
    background: #d7353b;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    margin: 22px 0 0 129px;
    cursor: pointer
}

.myinvocesinfor-bth1 {
    width: 140px !important;
    height: 40px !important;
    background: #E1363A !important;
    border-radius: 4px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #FFF !important;
    line-height: 41px !important
}

.myinvocesinfor-input .invoice-error {
    line-height: 40px
}

.myinvoces-price,
.myinvoces-type,
.myinvoceshis-time {
    line-height: 22px;
    float: left
}

.myinvocesinfor-input .imgbox a {
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(/themes/images/delfile.png) no-repeat;
    width: 20px;
    height: 20px;
    z-index: 999;
    display: none
}

.myinvoceshis-time {
    width: 122px;
    margin-left: 16px
}

.myinvoces-price {
    width: 64px
}

.myinvoces-type {
    margin-left: 60px;
    width: 78px;
    text-align: center
}

.myinvoces-caz {
    float: left;
    width: 158px;
    margin-left: 48px;
    margin-top: 2px
}

.myinvoces-caz button {
    background: 0 0;
    color: #007AFF;
    margin-right: 14px;
    cursor: pointer
}

.myinvoceshis-detailnrbox {
    padding: 2%;
    background: #fff
}

.myinvoceshis-one,
.myinvoceshis-three {
    width: 100%;
    display: none
}

.myinvoceshis h1 {
    font-size: 14px;
    color: #333;
    width: 98%;
    height: 36px;
    background: #FAFAFA;
    line-height: 36px;
    padding-left: 2%;
    border: 1px solid #E8E8E8;
    border-bottom: none
}

.myinvoceshis li {
    width: 100%;
    overflow: hidden
}

.myinvoceshis li em {
    float: left;
    width: 20%;
    height: 36px
}

.myinvoceshis li div {
    float: left;
    width: 80%
}

.myinvoceshis table,
.myinvoceshis-two table {
    width: 100%;
    border: 1px solid #E8E8E8;
    padding: 0;
    border-collapse: collapse
}

.myinvoceshis table td:first-child {
    width: 20%;
    height: 36px;
    border: 1px solid #E8E8E8
}

.myinvoceshis table td,
.myinvoceshis table tr {
    border: 1px solid #E8E8E8;
    padding: 10px 19px;
    font-size: 12px;
    color: #333;
    line-height: 17px;
    box-sizing: border-box
}

.myinvoceshis table td em {
    color: #189253;
    margin-right: 18px
}

.myinvoceshis table td button {
    width: 69px;
    height: 24px;
    border: 1px solid #D7373B;
    font-size: 12px;
    background: 0 0;
    color: #D7373B;
    border-radius: 2px;
    cursor: pointer
}

.myinvoceshis-two td,
.myinvoceshis-two th {
    line-height: 36px;
    border-bottom: 1px solid #E8E8E8;
    text-indent: 30px;
    height: 36px
}

.myinvoceshis-two tr {
    width: 100%
}

.myinvoceshis-two th {
    text-align: left;
    background: #FAFAFA
}

.myinvoceshis-two th:first-child {
    width: 122px
}

.myinvoceshis-two th:nth-child(2) {
    width: 502px
}

.myinvoceshis-two th:last-child {
    width: 51px
}

.myinvoceshis-two td:nth-child(2) {
    width: 502px;
    height: 36px;
    line-height: 24px;
    text-indent: 0;
    padding-left: 30px
}

.withdrawal-box {
    overflow: hidden
}

.withdrawal-box textarea {
    width: 370px;
    height: 80px;
    padding: 10px;
    border: 1px solid #D8D8D8;
    resize: none;
    margin-bottom: 20px;
    float: left
}

.withdrawal-box .list-boxerreo {
    height: 102px;
    line-height: 102px
}

.resendmail {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    z-index: 99999999;
    display: none
}

.resed-box,
.resed-box1 {
    left: 50%;
    margin-top: -73px;
    margin-left: -170px;
    display: none
}

.resed-box {
    width: 340px;
    height: 146px;
    background: #fff;
    position: absolute;
    top: 45%;
    border-radius: 8px
}

.resed-box h1 {
    font-size: 14px;
    text-align: center;
    margin: 20px 0 16px
}

.resed-box input {
    width: 90%;
    height: 32px;
    border: 1px solid #979797;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    text-indent: 10px
}

.resed-box img,
.resed-box1 img {
    position: absolute;
    right: 14px;
    top: 14px;
    width: 16px;
    height: 16px;
    cursor: pointer
}

.resedbth {
    margin-top: 16px;
    text-align: center
}

.resedbth button {
    width: 54px;
    height: 23px;
    background: #F5F4F4;
    color: #333;
    border-radius: 4px;
    margin-right: 23px
}

#resed-send {
    background: #D62D26;
    color: #fff
}

.resed-box1 {
    width: 340px;
    height: 100px;
    background: #fff;
    position: absolute;
    top: 45%;
    border-radius: 8px
}

.resed-box1 p {
    font-size: 16px;
    line-height: 100px;
    text-align: center;
    font-weight: 700
}

.resed-erreo {
    font-size: 12px;
    color: #d7332d;
    line-height: 20px;
    text-align: center;
    display: block
}

.insurance-tips {
    width: 100%;
    height: 40px;
    background: #FFFDEF;
    color: #AA4E11;
    font-size: 12px;
    line-height: 40px;
    text-indent: 20px;
    margin-bottom: 22px;
    display: none
}

.my_imgbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    display: none
}

.my_imgbox img {
    display: block;
    margin: 0 auto;
    max-width: 1080px
}

.my_imgbox button {
    position: absolute;
    right: 18%;
    top: 5%;
    background: url(/themes/images/close.png) no-repeat;
    width: 18px;
    height: 18px
}

.permanentWrap .value-limited .time-warp {
    width: 220px
}

.user0 {
    font-size: 14px;
    font-weight: 400;
    color: #C13939;
    line-height: 20px;
    cursor: pointer
}

.user2 {
    font-size: 14px;
    font-weight: 400;
    color: #0091FF;
    line-height: 20px;
    cursor: pointer
}

#mechreal .mechreal-title {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    line-height: 26px;
    position: relative
}

#mechreal .personnew_center .personalitem {
    margin-bottom: 20px
}

#mechreal .mechreal-title::before {
    content: "";
    width: 3px;
    height: 16px;
    background: #E1363A;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: -11px
}

#mechreal .personnew_center .personalitem label {
    font-size: 16px;
    color: #333;
    width: 240px;
    text-align: right;
    min-height: 40px;
    line-height: 40px
}

.doubledateWrap {
    margin-right: 24px;
    position: relative
}

.icon-riqi {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(/themes/images/icon/jg-icon1.png) no-repeat;
    right: 6px;
    top: 12px
}

#mechreal .picexample_line {
    width: 1px;
    height: 182px;
    background: #D8D8D8;
    margin-right: 20px;
    margin-top: 5px
}

#mechreal .personnew_center .personalitem .upimgwrap {
    width: 288px
}

#mechreal .personnew_center .personalitem .upimgwrap .ace-file-multiple {
    width: 288px;
    height: 182px;
    background: #EFEFEF;
    border-radius: 16px;
    padding-top: 16px;
    box-sizing: border-box
}

.mechreal-xLine {
    width: 921px;
    height: 1px;
    background: #D8D8D8;
    margin: 8px 0 28px 38px
}

#mechreal .personnew_center .personalitem .upimgwrap label span {
    width: 256px;
    height: 150px
}

#mechreal .personnew_center .personalitem .upimgwrap label {
    box-shadow: none;
    background: url(/themes/images/icon/jg-add.png) center center no-repeat #fff;
    width: 256px;
    height: 150px;
    border-radius: 12px;
    border: 0
}

#mechreal .picexampleWrap .tips {
    font-size: 14px;
    color: #999;
    margin-top: 12px
}

#mechreal .picexampleWrap .picexampleCon {
    margin-top: 4px
}

#mechreal .picexampleWrap .picexampleCon .picexampleCon_t {
    font-weight: 400;
    font-size: 14px;
    color: #E1363A;
    line-height: 20px;
    text-align: left;
    margin-right: 12px
}

#mechreal .picexampleWrap .picexampleCon img {
    vertical-align: top;
    width: 231px;
    height: 144px
}

#mechreal .ace-file-input .tipText {
    text-align: left;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%
}

#mechreal .personnew_center .personalite {
    margin-bottom: 20px
}

#mechreal .star_must {
    float: initial
}

#mechreal .personnew_center .personalitem input[type=text],
#mechreal .personnew_center .personalitem select {
    width: 288px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    box-sizing: border-box
}

#mechreal .personnew_center .personalitem select {
    padding-right: 20px;
    color: #333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/themes/images/icon/select.png) 262px center no-repeat
}

#mechrealSubmit {
    width: 150px;
    height: 40px;
    background: #0A7CD7;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFF;
    line-height: 40px;
    text-align: center
}

.registerStep2 {
    width: 210px;
    color: #CCC
}

.register-container-header2 {
    margin-left: 20%
}

.step-area2 {
    width: 70px;
    height: 24px;
    text-align: center;
    background-color: #e0e0e0;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -20px
}

.step-area2 p {
    font-weight: 400;
    font-size: 14px
}

.on {
    color: #666
}

.code-error2 span,
.forget-err em,
.phone-error2 span,
.phoneErrorText span {
    color: #E1363A
}

.step-area-on2,
.step-slider-on2 {
    background-color: rgba(0, 0, 0, 0)
}

.step-area-on2 img {
    width: 30px;
    height: 30px
}

.step-slider-on2 {
    background: #E1363A
}

.span-msg2 {
    margin-top: 10px;
    padding-bottom: 5px;
    border: none
}

.register-phone2 input {
    width: 300px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D7D7D7
}

.phone-error2 {
    padding-left: 55px
}

.code-error2 {
    padding-left: 55px
}

.span-msg-three2 input {
    width: 300px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D7D7D7
}

.phoneErrorText {
    margin: 40px 0 12px
}

.phoneErrorText span {
    font-weight: 500;
    font-size: 14px
}

.W13 {
    width: 13px
}

.font16-black2 {
    margin-top: 30px;
    color: #333
}

.next-step2 {
    margin-left: 130px
}

.company-appeal2 {
    margin-left: 90px
}

.color-E1363A {
    color: #E1363A
}

.account2 {
    margin: 70px 0 0 200px
}

.font16-black2 img {
    display: block;
    margin-left: 50px;
    width: 68px;
    height: 68px;
    margin-bottom: 20px
}

.newApplyinvoice-box .layui-layer-btn0 {
    width: 140px;
    height: 40px;
    line-height: 40px;
    background: #E1363A !important;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #FFF !important
}

.service-invoice1 {
    margin: 8px 0
}

.service-pirce1 {
    padding-bottom: 0;
    margin-top: 0;
    border-bottom: 0
}

.service-pirce1 span {
    font-weight: 500;
    font-size: 20px
}

.pay-metatit1,
.service-pirce1 p {
    font-weight: 400;
    font-size: 14px;
    color: #333
}

.pay-metatit1 em,
.service-pirce1 em {
    color: #D7353B
}

.nr-box1 {
    padding: 0
}

.redio-beautify1 i {
    width: 16px;
    height: 16px;
    margin-top: 5px
}

.redio-beautify1 span {
    font-weight: 400;
    font-size: 16px;
    color: #666
}

.pay-input input[type=radio]:checked+.redio-beautify1 i {
    background: url(/themes/images/sign-active2.png) no-repeat;
    background-size: 16px 16px
}

.invoicebox2 {
    width: 768px;
    min-height: 180px;
    background: #F2F6FF;
    border-radius: 6px;
    margin-left: 95px
}

.invoicelist1 {
    margin-bottom: 12px
}

.invoicelist1 label {
    width: 100px;
    font-weight: 400;
    font-size: 14px;
    color: #666
}

.invoicelist1 .w80 {
    width: 80px
}

.invoicelist1 .w110 {
    width: 110px
}

.invoicelist1 input,
.invoicelist2 input {
    width: calc(100% - 165px);
    height: 36px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #D7D7D7;
    color: #333
}

.invoiceboxone .invoicelist label {
    width: 90px
}

.invoiceboxthree1,
.invoiceboxthree2,
.invoiceboxtwo1,
.invoiceboxtwo2,
.myinvocesinfor-input {
    position: relative
}

.invoiceTitleSelect1,
.invoicebox2 .invoicelist1 .invoiceTitleSelect,
.myinvocesinfor-input .myinvocesinfor-box1 .invoiceTitleSelect {
    max-height: 200px;
    position: absolute;
    background: #fff;
    padding: 0 12px;
    display: none
}

.invoicebox2 .invoicelist1 .invoiceTitleSelect {
    width: 290px;
    top: 107px;
    left: 134px
}

.myinvocesinfor-input .myinvocesinfor-box1 .invoiceTitleSelect {
    width: 278px;
    top: 40px;
    left: 110px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .2)
}

.invoiceTitleSelect1 dd,
.invoicebox2 .invoicelist1 .invoiceTitleSelect dd,
.myinvocesinfor-input .myinvocesinfor-box1 .invoiceTitleSelect dd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #EFEFEF;
    font-weight: 400;
    font-size: 12px;
    color: #19233C
}

.invoiceTitleSelect1 {
    width: 287px;
    top: 60px;
    left: 146px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .2)
}

.person-parent .ace-file-input .tipText,
.personnew_center .tipText {
    bottom: 34px;
    left: 10px
}

.person-parent {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    padding-left: 48px
}

#userreal2 .person-parent {
    padding-left: 0
}

.person-parent-f {
    margin-top: 15px
}

.person-parent .upimgwrap label {
    width: 265px;
    height: 168px
}

.ace-file-multiple label:before,
.person-parent .upimgwrap .ace-file-multiple label.selected span:after {
    display: none
}

.person-parent .upimgwrap label span {
    margin-right: 0;
    width: 265px;
    height: 168px
}

.person-parent .slSfz,
.slsc .slSfz {
    width: 120px;
    height: 80px;
    position: relative;
    top: 85px;
    cursor: pointer
}

.person-parent .slSfz-big,
.slsc .slSfz-big {
    width: 265px;
    height: 168px
}

.person-parent .upimgwrap {
    padding: 0 !important;
    margin: 0 !important;
    width: 265px;
    height: 168px
}

.personalitem_center {
    text-align: center
}

.personalitem-line {
    width: 957px;
    height: 1px;
    background: #D8D8D8;
    margin-bottom: 40px
}

.personalitem .star_must {
    float: none
}

.personnew_center .personalitem label {
    text-align: left
}

#userreal .personnew_center .personalitem .userreal-label {
    text-align: right;
    width: 170px;
    font-size: 14px
}

#userreal2 .personnew_center .personalitem .userreal2-label {
    text-align: right;
    width: 180px;
    font-size: 14px
}

#mechreal .personnew_center .personalitem,
#userreal2 .personnew_center .personalitem {
    padding-left: 20px
}

#userreal2 .personnew_center .personalitem input.cancel,
#userreal2 .personnew_center .personalitem input.submit {
    width: 130px;
    margin-top: 0
}

.personnew_center {
    background-color: #FFF
}

.uploadmind-div {
    width: 170px;
    text-align: right
}

#userreal .personnew_center .personalitem .upimgwrap,
#userreal .personnew_center .personalitem .upimgwrap label,
#userreal2 .personnew_center .personalitem .upimgwrap,
#userreal2 .personnew_center .personalitem .upimgwrap label,
.personnew_center .personalitem .upimgwrap label {
    width: 265px;
    height: 168px
}

.userreal-error,
.userreal2-error {
    display: inline-block;
    color: #d6363b;
    margin-left: 14px;
    background: url(/themes/images/my-error-new.png) 0 8px no-repeat;
    padding-left: 18px
}

.align-center {
    align-items: center
}

.flex-col {
    display: flex;
    flex-direction: column
}

#userreal .margin-l {
    margin-left: 175px
}

#userreal2 .margin-l {
    margin-left: 182px
}

.dialog-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001
}

.dialog-box-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background: #FFF;
    padding: 24px;
    width: 500px
}

.dialog-box-title {
    font-weight: 600;
    font-size: 16px;
    color: #333;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DDD;
    padding-bottom: 16px
}

.dialog-box-content-text {
    font-weight: 400;
    color: #333;
    line-height: 24px;
    font-size: 14px;
    padding-top: 20px
}

.dialog-box-button {
    width: 100%;
    text-align: center;
    padding-top: 20px
}

.dialog-box-button-confirm {
    text-align: center;
    background: #E1363A;
    border: 1px solid transparent;
    color: #fff;
    width: 140px;
    height: 40px;
    border-radius: 4px;
    cursor: pointer
}

.jhrzmcl-img {
    width: 265px;
    height: 168px;
    background: url(/themes/images/addimg.png) no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.jhrzmcl-img img {
    background: #fff !important;
    object-fit: contain;
    width: 240px;
    height: 152px
}

.jhrzmcl-img .remove {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(/themes/images/delfile.png) no-repeat;
    position: absolute;
    right: -.18rem;
    top: -.28rem;
    z-index: 10
}

.middle,
.strong,
.young {
    display: none
}

.ace-file-multiple label.selected span [class*=icon-] {
    border: none;
    width: 0
}

.step-area-on1,
.step-area-on3,
.step-slider-on {
    background: #E1363A
}

.span-valPosition {
    position: relative
}

.span-valPosition div {
    position: absolute;
    top: 0;
    right: 8px
}

.young {
    color: #F0A000
}

.middle {
    color: #39A2F9
}

.strong {
    color: #E1363A
}

#myauctionmain>.page-wrap {
    display: none !important
}

.applyinvoice-box3 .pay-metatit1,
.applyinvoice-box3 .service-pirce1 p {
    width: 101px
}

.applyinvoice-box3 .invoicebox2 {
    width: 1020px;
    box-sizing: border-box
}

.el-input__inner {
    border: none !important;
    width: 240px !important;
}