body {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    min-width: 1200px;
    position: relative
}

.content, .payment-main .order-submit, .payment-main .order-way, .payment-main .balance {
    width: 1200px;
    margin: 0 auto;
    clear: both
}

    .fl, .onemonth .bill-centerRight .bill-total .total-top .topLeft, .onemonth .bill-centerRight .bill-total .total-top .topCenter, .onemonth .bill-content .bill-detail .detail-month .month-left, .onemonth .bill-content .bill-detail .detail-month .month-left li, .onemonth .bill-content .bill-detail .detail-month .date-month .data-years li, .onemonth .bill-content .bill-detail .month-detail .detail-ul li, .onemonth .bill-content .bill-detail .month-detail div ul li, .relet-detail .relet-head .icon-relet-badge, .relet-detail .relet-head .icon-bind-phone, .relet-detail .relet-head .icon-question-mark, .relet-detail .relet-head .check-before, .relet-detail .order-info .order-title .vertical-line, .relet-detail .order-info .device-title .vertical-line, .relet-detail .device-info .order-title .vertical-line, .relet-detail .device-info .device-title .vertical-line, .relet-detail .order-info .order-title .text, .relet-detail .order-info .device-title .text, .relet-detail .device-info .order-title .text, .relet-detail .device-info .device-title .text, .center-right .gr-xx .gr-xx-top .xx-zh p.companyName, .center-right .gr-xx .gr-xx-bottom .xx-num li, .center-right .gr-xx .gr-xx-bottom .couponCount-div, .order-relet .table-body .details-cont .content-table .title-td .pic, .order-relet .table-body .details-cont .content-table .rent-td .now-rent-text, .order-relet .table-body .details-cont .content-table .rent-td .relet-rent-text, .payment-main .balance .way-pay li {
        float: left
    }

.fr, .onemonth .bill-centerRight .bill-total .total-top .topRight, .onemonth .bill-content .bill-detail .detail-month .month-right, .center-right .gr-xx .gr-xx-top .xx-zh p#xingji, .center-right .gr-xx .div_bill, .center-right .gr-xx .gr-xx-bottom .myj-div, .order-relet .table-body .details-cont .content-table .rent-td .now-rent, .order-relet .table-body .details-cont .content-table .rent-td .relet-rent, .order-relet .table-head .look-detail {
    float: right
}

.login-title {
    height: 46px;
    line-height: 46px;
    padding-top: 16px;
    font-size: 18px;
    color: #666d71
}

.login-btn {
    width: 100%;
    height: 42px;
    border: 1px solid #fe4979;
    background-color: #fe4979;
    color: #fff;
    margin-top: 18px;
    font-size: 18px;
    cursor: pointer
}

input[type="text"], textarea, input[type="password"] {
    padding-left: 10px;
    border-color: #e9ebed;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    -moz-transition: border-color .25s ease-in-out;
    -o-transition: border-color .25s ease-in-out;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out
}

    input[type="text"]:focus, textarea:focus, input[type="password"]:focus {
        border-color: #37a3ff !important;
        -moz-box-shadow: 2px 2px 2px 1px #e3f4ff;
        -webkit-box-shadow: 2px 2px 2px 1px #e3f4ff;
        box-shadow: 2px 2px 2px 1px #e3f4ff;
        -moz-transition: box-shadow .25s ease-in-out;
        -o-transition: box-shadow .25s ease-in-out;
        -webkit-transition: box-shadow .25s ease-in-out;
        transition: box-shadow .25s ease-in-out
    }

input[type="button"], button, .button {
    cursor: pointer;
    border-radius: 3px;
    -moz-transition: box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out
}

    input[type="button"]:hover, button:hover, .button:hover {
        -moz-box-shadow: 0px 1px 3px 1px #cfcfcf;
        -webkit-box-shadow: 0px 1px 3px 1px #cfcfcf;
        box-shadow: 0px 1px 3px 1px #cfcfcf;
        -moz-transition: box-shadow .25s ease-in-out;
        -o-transition: box-shadow .25s ease-in-out;
        -webkit-transition: box-shadow .25s ease-in-out;
        transition: box-shadow .25s ease-in-out
    }

textarea.error, input.error {
    border: 1px solid #fe4979 !important
}

textarea.placeholder, input.placeholder {
    color: #dfdfdd
}

.error-prompt {
    clear: both;
    font-size: 12px;
    color: #fd2323
}

    .error-prompt i {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-top: -4px;
        *margin-top: 1px;
        margin-right: 2px;
        *margin-right: 5px
    }

.show {
    display: block
}

.hide {
    display: none !important
}

.hidden {
    display: none
}

.clearfix {
    clear: both
}

.clear {
    clear: both
}

    .clear:after, .clearfix:after {
        content: "\0020";
        display: block;
        height: 0;
        clear: both
    }

.xx-look, .center-right .gr-xx .gr-xx-bottom .myj-div p .xx-lookXS {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-left: 5px;
    color: #1173ab
}

.tooltip {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 240px;
    height: auto;
    line-height: 20px;
    border: 1px solid #eaeaea;
    background-color: #f2f2f2;
    position: absolute;
    left: 70px;
    top: 40px;
    font-weight: normal;
    padding: 6px;
    z-index: 2
}

    .tooltip i {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        position: absolute;
        left: 20px;
        top: -7px
    }

.text-center {
    text-align: center !important
}

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

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

.width-1-percent {
    width: 1%
}

.width-2-percent {
    width: 2%
}

.width-3-percent {
    width: 3%
}

.width-4-percent {
    width: 4%
}

.width-5-percent {
    width: 5%
}

.width-6-percent {
    width: 6%
}

.width-7-percent {
    width: 7%
}

.width-8-percent {
    width: 8%
}

.width-9-percent {
    width: 9%
}

.width-10-percent {
    width: 10%
}

.width-11-percent {
    width: 11%
}

.width-12-percent {
    width: 12%
}

.width-13-percent {
    width: 13%
}

.width-14-percent {
    width: 14%
}

.width-15-percent {
    width: 15%
}

.width-16-percent {
    width: 16%
}

.width-17-percent {
    width: 17%
}

.width-18-percent {
    width: 18%
}

.width-19-percent {
    width: 19%
}

.width-20-percent {
    width: 20%
}

.width-21-percent {
    width: 21%
}

.width-22-percent {
    width: 22%
}

.width-23-percent {
    width: 23%
}

.width-24-percent {
    width: 24%
}

.width-25-percent {
    width: 25%
}

.width-26-percent {
    width: 26%
}

.width-27-percent {
    width: 27%
}

.width-28-percent {
    width: 28%
}

.width-29-percent {
    width: 29%
}

.width-30-percent {
    width: 30%
}

.width-31-percent {
    width: 31%
}

.width-32-percent {
    width: 32%
}

.width-33-percent {
    width: 33%
}

.width-34-percent {
    width: 34%
}

.width-35-percent {
    width: 35%
}

.width-36-percent {
    width: 36%
}

.width-37-percent {
    width: 37%
}

.width-38-percent {
    width: 38%
}

.width-39-percent {
    width: 39%
}

.width-40-percent {
    width: 40%
}

.width-41-percent {
    width: 41%
}

.width-42-percent {
    width: 42%
}

.width-43-percent {
    width: 43%
}

.width-44-percent {
    width: 44%
}

.width-45-percent {
    width: 45%
}

.width-46-percent {
    width: 46%
}

.width-47-percent {
    width: 47%
}

.width-48-percent {
    width: 48%
}

.width-49-percent {
    width: 49%
}

.width-50-percent {
    width: 50%
}

.width-51-percent {
    width: 51%
}

.width-52-percent {
    width: 52%
}

.width-53-percent {
    width: 53%
}

.width-54-percent {
    width: 54%
}

.width-55-percent {
    width: 55%
}

.width-56-percent {
    width: 56%
}

.width-57-percent {
    width: 57%
}

.width-58-percent {
    width: 58%
}

.width-59-percent {
    width: 59%
}

.width-60-percent {
    width: 60%
}

.width-61-percent {
    width: 61%
}

.width-62-percent {
    width: 62%
}

.width-63-percent {
    width: 63%
}

.width-64-percent {
    width: 64%
}

.width-65-percent {
    width: 65%
}

.width-66-percent {
    width: 66%
}

.width-67-percent {
    width: 67%
}

.width-68-percent {
    width: 68%
}

.width-69-percent {
    width: 69%
}

.width-70-percent {
    width: 70%
}

.width-71-percent {
    width: 71%
}

.width-72-percent {
    width: 72%
}

.width-73-percent {
    width: 73%
}

.width-74-percent {
    width: 74%
}

.width-75-percent {
    width: 75%
}

.width-76-percent {
    width: 76%
}

.width-77-percent {
    width: 77%
}

.width-78-percent {
    width: 78%
}

.width-79-percent {
    width: 79%
}

.width-80-percent {
    width: 80%
}

.width-81-percent {
    width: 81%
}

.width-82-percent {
    width: 82%
}

.width-83-percent {
    width: 83%
}

.width-84-percent {
    width: 84%
}

.width-85-percent {
    width: 85%
}

.width-86-percent {
    width: 86%
}

.width-87-percent {
    width: 87%
}

.width-88-percent {
    width: 88%
}

.width-89-percent {
    width: 89%
}

.width-90-percent {
    width: 90%
}

.width-91-percent {
    width: 91%
}

.width-92-percent {
    width: 92%
}

.width-93-percent {
    width: 93%
}

.width-94-percent {
    width: 94%
}

.width-95-percent {
    width: 95%
}

.width-96-percent {
    width: 96%
}

.width-97-percent {
    width: 97%
}

.width-98-percent {
    width: 98%
}

.width-99-percent {
    width: 99%
}

.width-100-percent {
    width: 100%
}

.width-1-px {
    width: 1px
}

.width-2-px {
    width: 2px
}

.width-3-px {
    width: 3px
}

.width-4-px {
    width: 4px
}

.width-5-px {
    width: 5px
}

.width-6-px {
    width: 6px
}

.width-7-px {
    width: 7px
}

.width-8-px {
    width: 8px
}

.width-9-px {
    width: 9px
}

.width-10-px {
    width: 10px
}

.width-11-px {
    width: 11px
}

.width-12-px {
    width: 12px
}

.width-13-px {
    width: 13px
}

.width-14-px {
    width: 14px
}

.width-15-px {
    width: 15px
}

.width-16-px {
    width: 16px
}

.width-17-px {
    width: 17px
}

.width-18-px {
    width: 18px
}

.width-19-px {
    width: 19px
}

.width-20-px {
    width: 20px
}

.width-21-px {
    width: 21px
}

.width-22-px {
    width: 22px
}

.width-23-px {
    width: 23px
}

.width-24-px {
    width: 24px
}

.width-25-px {
    width: 25px
}

.width-26-px {
    width: 26px
}

.width-27-px {
    width: 27px
}

.width-28-px {
    width: 28px
}

.width-29-px {
    width: 29px
}

.width-30-px {
    width: 30px
}

.width-31-px {
    width: 31px
}

.width-32-px {
    width: 32px
}

.width-33-px {
    width: 33px
}

.width-34-px {
    width: 34px
}

.width-35-px {
    width: 35px
}

.width-36-px {
    width: 36px
}

.width-37-px {
    width: 37px
}

.width-38-px {
    width: 38px
}

.width-39-px {
    width: 39px
}

.width-40-px {
    width: 40px
}

.width-41-px {
    width: 41px
}

.width-42-px {
    width: 42px
}

.width-43-px {
    width: 43px
}

.width-44-px {
    width: 44px
}

.width-45-px {
    width: 45px
}

.width-46-px {
    width: 46px
}

.width-47-px {
    width: 47px
}

.width-48-px {
    width: 48px
}

.width-49-px {
    width: 49px
}

.width-50-px {
    width: 50px
}

.width-51-px {
    width: 51px
}

.width-52-px {
    width: 52px
}

.width-53-px {
    width: 53px
}

.width-54-px {
    width: 54px
}

.width-55-px {
    width: 55px
}

.width-56-px {
    width: 56px
}

.width-57-px {
    width: 57px
}

.width-58-px {
    width: 58px
}

.width-59-px {
    width: 59px
}

.width-60-px {
    width: 60px
}

.width-61-px {
    width: 61px
}

.width-62-px {
    width: 62px
}

.width-63-px {
    width: 63px
}

.width-64-px {
    width: 64px
}

.width-65-px {
    width: 65px
}

.width-66-px {
    width: 66px
}

.width-67-px {
    width: 67px
}

.width-68-px {
    width: 68px
}

.width-69-px {
    width: 69px
}

.width-70-px {
    width: 70px
}

.width-71-px {
    width: 71px
}

.width-72-px {
    width: 72px
}

.width-73-px {
    width: 73px
}

.width-74-px {
    width: 74px
}

.width-75-px {
    width: 75px
}

.width-76-px {
    width: 76px
}

.width-77-px {
    width: 77px
}

.width-78-px {
    width: 78px
}

.width-79-px {
    width: 79px
}

.width-80-px {
    width: 80px
}

.width-81-px {
    width: 81px
}

.width-82-px {
    width: 82px
}

.width-83-px {
    width: 83px
}

.width-84-px {
    width: 84px
}

.width-85-px {
    width: 85px
}

.width-86-px {
    width: 86px
}

.width-87-px {
    width: 87px
}

.width-88-px {
    width: 88px
}

.width-89-px {
    width: 89px
}

.width-90-px {
    width: 90px
}

.width-91-px {
    width: 91px
}

.width-92-px {
    width: 92px
}

.width-93-px {
    width: 93px
}

.width-94-px {
    width: 94px
}

.width-95-px {
    width: 95px
}

.width-96-px {
    width: 96px
}

.width-97-px {
    width: 97px
}

.width-98-px {
    width: 98px
}

.width-99-px {
    width: 99px
}

.width-100-px {
    width: 100px
}

.width-101-px {
    width: 101px
}

.width-102-px {
    width: 102px
}

.width-103-px {
    width: 103px
}

.width-104-px {
    width: 104px
}

.width-105-px {
    width: 105px
}

.width-106-px {
    width: 106px
}

.width-107-px {
    width: 107px
}

.width-108-px {
    width: 108px
}

.width-109-px {
    width: 109px
}

.width-110-px {
    width: 110px
}

.width-111-px {
    width: 111px
}

.width-112-px {
    width: 112px
}

.width-113-px {
    width: 113px
}

.width-114-px {
    width: 114px
}

.width-115-px {
    width: 115px
}

.width-116-px {
    width: 116px
}

.width-117-px {
    width: 117px
}

.width-118-px {
    width: 118px
}

.width-119-px {
    width: 119px
}

.width-120-px {
    width: 120px
}

.width-121-px {
    width: 121px
}

.width-122-px {
    width: 122px
}

.width-123-px {
    width: 123px
}

.width-124-px {
    width: 124px
}

.width-125-px {
    width: 125px
}

.width-126-px {
    width: 126px
}

.width-127-px {
    width: 127px
}

.width-128-px {
    width: 128px
}

.width-129-px {
    width: 129px
}

.width-130-px {
    width: 130px
}

.width-131-px {
    width: 131px
}

.width-132-px {
    width: 132px
}

.width-133-px {
    width: 133px
}

.width-134-px {
    width: 134px
}

.width-135-px {
    width: 135px
}

.width-136-px {
    width: 136px
}

.width-137-px {
    width: 137px
}

.width-138-px {
    width: 138px
}

.width-139-px {
    width: 139px
}

.width-140-px {
    width: 140px
}

.width-141-px {
    width: 141px
}

.width-142-px {
    width: 142px
}

.width-143-px {
    width: 143px
}

.width-144-px {
    width: 144px
}

.width-145-px {
    width: 145px
}

.width-146-px {
    width: 146px
}

.width-147-px {
    width: 147px
}

.width-148-px {
    width: 148px
}

.width-149-px {
    width: 149px
}

.width-150-px {
    width: 150px
}

.width-151-px {
    width: 151px
}

.width-152-px {
    width: 152px
}

.width-153-px {
    width: 153px
}

.width-154-px {
    width: 154px
}

.width-155-px {
    width: 155px
}

.width-156-px {
    width: 156px
}

.width-157-px {
    width: 157px
}

.width-158-px {
    width: 158px
}

.width-159-px {
    width: 159px
}

.width-160-px {
    width: 160px
}

.width-161-px {
    width: 161px
}

.width-162-px {
    width: 162px
}

.width-163-px {
    width: 163px
}

.width-164-px {
    width: 164px
}

.width-165-px {
    width: 165px
}

.width-166-px {
    width: 166px
}

.width-167-px {
    width: 167px
}

.width-168-px {
    width: 168px
}

.width-169-px {
    width: 169px
}

.width-170-px {
    width: 170px
}

.width-171-px {
    width: 171px
}

.width-172-px {
    width: 172px
}

.width-173-px {
    width: 173px
}

.width-174-px {
    width: 174px
}

.width-175-px {
    width: 175px
}

.width-176-px {
    width: 176px
}

.width-177-px {
    width: 177px
}

.width-178-px {
    width: 178px
}

.width-179-px {
    width: 179px
}

.width-180-px {
    width: 180px
}

.width-181-px {
    width: 181px
}

.width-182-px {
    width: 182px
}

.width-183-px {
    width: 183px
}

.width-184-px {
    width: 184px
}

.width-185-px {
    width: 185px
}

.width-186-px {
    width: 186px
}

.width-187-px {
    width: 187px
}

.width-188-px {
    width: 188px
}

.width-189-px {
    width: 189px
}

.width-190-px {
    width: 190px
}

.width-191-px {
    width: 191px
}

.width-192-px {
    width: 192px
}

.width-193-px {
    width: 193px
}

.width-194-px {
    width: 194px
}

.width-195-px {
    width: 195px
}

.width-196-px {
    width: 196px
}

.width-197-px {
    width: 197px
}

.width-198-px {
    width: 198px
}

.width-199-px {
    width: 199px
}

.width-200-px {
    width: 200px
}

.width-201-px {
    width: 201px
}

.width-202-px {
    width: 202px
}

.width-203-px {
    width: 203px
}

.width-204-px {
    width: 204px
}

.width-205-px {
    width: 205px
}

.width-206-px {
    width: 206px
}

.width-207-px {
    width: 207px
}

.width-208-px {
    width: 208px
}

.width-209-px {
    width: 209px
}

.width-210-px {
    width: 210px
}

.width-211-px {
    width: 211px
}

.width-212-px {
    width: 212px
}

.width-213-px {
    width: 213px
}

.width-214-px {
    width: 214px
}

.width-215-px {
    width: 215px
}

.width-216-px {
    width: 216px
}

.width-217-px {
    width: 217px
}

.width-218-px {
    width: 218px
}

.width-219-px {
    width: 219px
}

.width-220-px {
    width: 220px
}

.width-221-px {
    width: 221px
}

.width-222-px {
    width: 222px
}

.width-223-px {
    width: 223px
}

.width-224-px {
    width: 224px
}

.width-225-px {
    width: 225px
}

.width-226-px {
    width: 226px
}

.width-227-px {
    width: 227px
}

.width-228-px {
    width: 228px
}

.width-229-px {
    width: 229px
}

.width-230-px {
    width: 230px
}

.width-231-px {
    width: 231px
}

.width-232-px {
    width: 232px
}

.width-233-px {
    width: 233px
}

.width-234-px {
    width: 234px
}

.width-235-px {
    width: 235px
}

.width-236-px {
    width: 236px
}

.width-237-px {
    width: 237px
}

.width-238-px {
    width: 238px
}

.width-239-px {
    width: 239px
}

.width-240-px {
    width: 240px
}

.width-241-px {
    width: 241px
}

.width-242-px {
    width: 242px
}

.width-243-px {
    width: 243px
}

.width-244-px {
    width: 244px
}

.width-245-px {
    width: 245px
}

.width-246-px {
    width: 246px
}

.width-247-px {
    width: 247px
}

.width-248-px {
    width: 248px
}

.width-249-px {
    width: 249px
}

.width-250-px {
    width: 250px
}

.width-251-px {
    width: 251px
}

.width-252-px {
    width: 252px
}

.width-253-px {
    width: 253px
}

.width-254-px {
    width: 254px
}

.width-255-px {
    width: 255px
}

.width-256-px {
    width: 256px
}

.width-257-px {
    width: 257px
}

.width-258-px {
    width: 258px
}

.width-259-px {
    width: 259px
}

.width-260-px {
    width: 260px
}

.width-261-px {
    width: 261px
}

.width-262-px {
    width: 262px
}

.width-263-px {
    width: 263px
}

.width-264-px {
    width: 264px
}

.width-265-px {
    width: 265px
}

.width-266-px {
    width: 266px
}

.width-267-px {
    width: 267px
}

.width-268-px {
    width: 268px
}

.width-269-px {
    width: 269px
}

.width-270-px {
    width: 270px
}

.width-271-px {
    width: 271px
}

.width-272-px {
    width: 272px
}

.width-273-px {
    width: 273px
}

.width-274-px {
    width: 274px
}

.width-275-px {
    width: 275px
}

.width-276-px {
    width: 276px
}

.width-277-px {
    width: 277px
}

.width-278-px {
    width: 278px
}

.width-279-px {
    width: 279px
}

.width-280-px {
    width: 280px
}

.width-281-px {
    width: 281px
}

.width-282-px {
    width: 282px
}

.width-283-px {
    width: 283px
}

.width-284-px {
    width: 284px
}

.width-285-px {
    width: 285px
}

.width-286-px {
    width: 286px
}

.width-287-px {
    width: 287px
}

.width-288-px {
    width: 288px
}

.width-289-px {
    width: 289px
}

.width-290-px {
    width: 290px
}

.width-291-px {
    width: 291px
}

.width-292-px {
    width: 292px
}

.width-293-px {
    width: 293px
}

.width-294-px {
    width: 294px
}

.width-295-px {
    width: 295px
}

.width-296-px {
    width: 296px
}

.width-297-px {
    width: 297px
}

.width-298-px {
    width: 298px
}

.width-299-px {
    width: 299px
}

.width-300-px {
    width: 300px
}

.width-301-px {
    width: 301px
}

.width-302-px {
    width: 302px
}

.width-303-px {
    width: 303px
}

.width-304-px {
    width: 304px
}

.width-305-px {
    width: 305px
}

.width-306-px {
    width: 306px
}

.width-307-px {
    width: 307px
}

.width-308-px {
    width: 308px
}

.width-309-px {
    width: 309px
}

.width-310-px {
    width: 310px
}

.width-311-px {
    width: 311px
}

.width-312-px {
    width: 312px
}

.width-313-px {
    width: 313px
}

.width-314-px {
    width: 314px
}

.width-315-px {
    width: 315px
}

.width-316-px {
    width: 316px
}

.width-317-px {
    width: 317px
}

.width-318-px {
    width: 318px
}

.width-319-px {
    width: 319px
}

.width-320-px {
    width: 320px
}

.width-321-px {
    width: 321px
}

.width-322-px {
    width: 322px
}

.width-323-px {
    width: 323px
}

.width-324-px {
    width: 324px
}

.width-325-px {
    width: 325px
}

.width-326-px {
    width: 326px
}

.width-327-px {
    width: 327px
}

.width-328-px {
    width: 328px
}

.width-329-px {
    width: 329px
}

.width-330-px {
    width: 330px
}

.width-331-px {
    width: 331px
}

.width-332-px {
    width: 332px
}

.width-333-px {
    width: 333px
}

.width-334-px {
    width: 334px
}

.width-335-px {
    width: 335px
}

.width-336-px {
    width: 336px
}

.width-337-px {
    width: 337px
}

.width-338-px {
    width: 338px
}

.width-339-px {
    width: 339px
}

.width-340-px {
    width: 340px
}

.width-341-px {
    width: 341px
}

.width-342-px {
    width: 342px
}

.width-343-px {
    width: 343px
}

.width-344-px {
    width: 344px
}

.width-345-px {
    width: 345px
}

.width-346-px {
    width: 346px
}

.width-347-px {
    width: 347px
}

.width-348-px {
    width: 348px
}

.width-349-px {
    width: 349px
}

.width-350-px {
    width: 350px
}

.width-351-px {
    width: 351px
}

.width-352-px {
    width: 352px
}

.width-353-px {
    width: 353px
}

.width-354-px {
    width: 354px
}

.width-355-px {
    width: 355px
}

.width-356-px {
    width: 356px
}

.width-357-px {
    width: 357px
}

.width-358-px {
    width: 358px
}

.width-359-px {
    width: 359px
}

.width-360-px {
    width: 360px
}

.width-361-px {
    width: 361px
}

.width-362-px {
    width: 362px
}

.width-363-px {
    width: 363px
}

.width-364-px {
    width: 364px
}

.width-365-px {
    width: 365px
}

.width-366-px {
    width: 366px
}

.width-367-px {
    width: 367px
}

.width-368-px {
    width: 368px
}

.width-369-px {
    width: 369px
}

.width-370-px {
    width: 370px
}

.width-371-px {
    width: 371px
}

.width-372-px {
    width: 372px
}

.width-373-px {
    width: 373px
}

.width-374-px {
    width: 374px
}

.width-375-px {
    width: 375px
}

.width-376-px {
    width: 376px
}

.width-377-px {
    width: 377px
}

.width-378-px {
    width: 378px
}

.width-379-px {
    width: 379px
}

.width-380-px {
    width: 380px
}

.width-381-px {
    width: 381px
}

.width-382-px {
    width: 382px
}

.width-383-px {
    width: 383px
}

.width-384-px {
    width: 384px
}

.width-385-px {
    width: 385px
}

.width-386-px {
    width: 386px
}

.width-387-px {
    width: 387px
}

.width-388-px {
    width: 388px
}

.width-389-px {
    width: 389px
}

.width-390-px {
    width: 390px
}

.width-391-px {
    width: 391px
}

.width-392-px {
    width: 392px
}

.width-393-px {
    width: 393px
}

.width-394-px {
    width: 394px
}

.width-395-px {
    width: 395px
}

.width-396-px {
    width: 396px
}

.width-397-px {
    width: 397px
}

.width-398-px {
    width: 398px
}

.width-399-px {
    width: 399px
}

.width-400-px {
    width: 400px
}

.width-401-px {
    width: 401px
}

.width-402-px {
    width: 402px
}

.width-403-px {
    width: 403px
}

.width-404-px {
    width: 404px
}

.width-405-px {
    width: 405px
}

.width-406-px {
    width: 406px
}

.width-407-px {
    width: 407px
}

.width-408-px {
    width: 408px
}

.width-409-px {
    width: 409px
}

.width-410-px {
    width: 410px
}

.width-411-px {
    width: 411px
}

.width-412-px {
    width: 412px
}

.width-413-px {
    width: 413px
}

.width-414-px {
    width: 414px
}

.width-415-px {
    width: 415px
}

.width-416-px {
    width: 416px
}

.width-417-px {
    width: 417px
}

.width-418-px {
    width: 418px
}

.width-419-px {
    width: 419px
}

.width-420-px {
    width: 420px
}

.width-421-px {
    width: 421px
}

.width-422-px {
    width: 422px
}

.width-423-px {
    width: 423px
}

.width-424-px {
    width: 424px
}

.width-425-px {
    width: 425px
}

.width-426-px {
    width: 426px
}

.width-427-px {
    width: 427px
}

.width-428-px {
    width: 428px
}

.width-429-px {
    width: 429px
}

.width-430-px {
    width: 430px
}

.width-431-px {
    width: 431px
}

.width-432-px {
    width: 432px
}

.width-433-px {
    width: 433px
}

.width-434-px {
    width: 434px
}

.width-435-px {
    width: 435px
}

.width-436-px {
    width: 436px
}

.width-437-px {
    width: 437px
}

.width-438-px {
    width: 438px
}

.width-439-px {
    width: 439px
}

.width-440-px {
    width: 440px
}

.width-441-px {
    width: 441px
}

.width-442-px {
    width: 442px
}

.width-443-px {
    width: 443px
}

.width-444-px {
    width: 444px
}

.width-445-px {
    width: 445px
}

.width-446-px {
    width: 446px
}

.width-447-px {
    width: 447px
}

.width-448-px {
    width: 448px
}

.width-449-px {
    width: 449px
}

.width-450-px {
    width: 450px
}

.width-451-px {
    width: 451px
}

.width-452-px {
    width: 452px
}

.width-453-px {
    width: 453px
}

.width-454-px {
    width: 454px
}

.width-455-px {
    width: 455px
}

.width-456-px {
    width: 456px
}

.width-457-px {
    width: 457px
}

.width-458-px {
    width: 458px
}

.width-459-px {
    width: 459px
}

.width-460-px {
    width: 460px
}

.width-461-px {
    width: 461px
}

.width-462-px {
    width: 462px
}

.width-463-px {
    width: 463px
}

.width-464-px {
    width: 464px
}

.width-465-px {
    width: 465px
}

.width-466-px {
    width: 466px
}

.width-467-px {
    width: 467px
}

.width-468-px {
    width: 468px
}

.width-469-px {
    width: 469px
}

.width-470-px {
    width: 470px
}

.width-471-px {
    width: 471px
}

.width-472-px {
    width: 472px
}

.width-473-px {
    width: 473px
}

.width-474-px {
    width: 474px
}

.width-475-px {
    width: 475px
}

.width-476-px {
    width: 476px
}

.width-477-px {
    width: 477px
}

.width-478-px {
    width: 478px
}

.width-479-px {
    width: 479px
}

.width-480-px {
    width: 480px
}

.width-481-px {
    width: 481px
}

.width-482-px {
    width: 482px
}

.width-483-px {
    width: 483px
}

.width-484-px {
    width: 484px
}

.width-485-px {
    width: 485px
}

.width-486-px {
    width: 486px
}

.width-487-px {
    width: 487px
}

.width-488-px {
    width: 488px
}

.width-489-px {
    width: 489px
}

.width-490-px {
    width: 490px
}

.width-491-px {
    width: 491px
}

.width-492-px {
    width: 492px
}

.width-493-px {
    width: 493px
}

.width-494-px {
    width: 494px
}

.width-495-px {
    width: 495px
}

.width-496-px {
    width: 496px
}

.width-497-px {
    width: 497px
}

.width-498-px {
    width: 498px
}

.width-499-px {
    width: 499px
}

.width-500-px {
    width: 500px
}

.uc-button {
    width: 98px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #3da3e3;
    margin-right: 30px
}

    .uc-button.uc-submit {
        background-color: #3da3e3;
        color: #fff
    }

    .uc-button.uc-cancel {
        background-color: #fff;
        color: #3da3e3
    }

.white-bg {
    background: #fff !important
}

.no-bg {
    background: none !important
}

.padding-left10 {
    padding-left: 10px
}

.title-box {
    padding: 30px 0;
    font-size: 22px;
    color: #333333
}

.single-upload-preview {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer
}

body.reg-log-cls {
    min-width: 1100px
}

.not-found-box {
    margin-bottom: 170px;
    padding-top: 322px;
    height: 62px;
    background: url(../images/null.jpg) no-repeat center top
}

    .not-found-box .not-found-btn {
        text-align: center
    }

        .not-found-box .not-found-btn a {
            display: inline-block;
            padding: 0 6px;
            margin: 0 4px;
            height: 30px;
            line-height: 30px;
            background: #f36545;
            color: #fff
        }

.icon {
    display: inline-block
}

.onemonth {
    font-size: 13px
}

    .onemonth .toptips {
        display: none
    }

    .onemonth .details-cont .none-content {
        border: none
    }

    .onemonth .center-right {
        position: relative
    }

    .onemonth .bill-tip {
        background: #daedf8;
        padding: 15px 40px;
        color: #7999ab;
        position: relative
    }

        .onemonth .bill-tip .icon-laba {
            display: block;
            position: absolute;
            left: 15px;
            top: 18px
        }

        .onemonth .bill-tip .tip-content {
            width: 700px;
            float: left
        }

        .onemonth .bill-tip .a-my-invoice {
            color: #37a3ff
        }

        .onemonth .bill-tip .btn-box {
            text-align: right;
            margin-top: 3px;
            float: right;
            padding: 0
        }

            .onemonth .bill-tip .btn-box .confirm-btn {
                margin-right: 15px;
                background-color: #37a3ff
            }

            .onemonth .bill-tip .btn-box .question-btn {
                background-color: #e7444b
            }

            .onemonth .bill-tip .btn-box .confirm-btn, .onemonth .bill-tip .btn-box .question-btn {
                color: #fff;
                width: 90px;
                height: 30px
            }

    .onemonth .my-bill {
        display: none
    }

    .onemonth .loadingblue {
        position: absolute;
        left: 50%;
        margin-left: -25px;
        top: 200px
    }

    .onemonth .detail-bill-money ul {
        position: relative;
        left: -15px
    }

    .onemonth .payment {
        display: none
    }

    .onemonth .payment-content {
        display: none
    }

    .onemonth .notice-bill {
        display: none
    }

    .onemonth .bill-centerRight {
        min-height: 600px;
        background-color: #fff
    }

        .onemonth .bill-centerRight .check-bill-btn {
            float: right;
            position: relative;
            right: 90px;
            bottom: 31px;
            line-height: 24px;
            color: #3da4e2;
            cursor: pointer
        }

            .onemonth .bill-centerRight .check-bill-btn .icon-pre-pay {
                display: inline-block;
                position: relative;
                top: 2px;
                right: 4px
            }

        .onemonth .bill-centerRight h6 {
            padding: 12px 0 12px 10px;
            color: #000;
            border-bottom: 1px solid #f0f0f0
        }

        .onemonth .bill-centerRight .bill-toolbg {
            padding-left: 24px;
            background: #40b5ff;
            font-size: 12px;
            color: #fff
        }

        .onemonth .bill-centerRight .bill-total {
            padding: 10px 40px 30px
        }

            .onemonth .bill-centerRight .bill-total a {
                color: #3da4e2
            }

            .onemonth .bill-centerRight .bill-total .top-link-box {
                margin-bottom: 10px
            }

            .onemonth .bill-centerRight .bill-total .total-top {
                width: 1000px;
                margin-bottom: 40px;
                overflow: hidden
            }

                .onemonth .bill-centerRight .bill-total .total-top .topLeft {
                    width: 460px;
                    height: 145px;
                    background-color: #fafafa;
                    position: relative
                }

                    .onemonth .bill-centerRight .bill-total .total-top .topLeft h4, .onemonth .bill-centerRight .bill-total .total-top .topLeft p {
                        width: 460px;
                        height: 32px;
                        line-height: 32px;
                        text-align: center;
                        font-size: 22px;
                        position: absolute;
                        left: 0;
                        top: 50%;
                        margin-top: -38px
                    }

                        .onemonth .bill-centerRight .bill-total .total-top .topLeft h4 i, .onemonth .bill-centerRight .bill-total .total-top .topLeft p i {
                            color: red
                        }

                    .onemonth .bill-centerRight .bill-total .total-top .topLeft p {
                        font-size: 12px;
                        margin-top: 0
                    }

                        .onemonth .bill-centerRight .bill-total .total-top .topLeft p i {
                            color: #3da4e2
                        }

                    .onemonth .bill-centerRight .bill-total .total-top .topLeft.six-left {
                        height: 286px
                    }

                    .onemonth .bill-centerRight .bill-total .total-top .topLeft b {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                        position: absolute;
                        right: 0;
                        bottom: 0
                    }

                .onemonth .bill-centerRight .bill-total .total-top .topCenter {
                    width: 80px;
                    height: 145px;
                    position: relative
                }

                    .onemonth .bill-centerRight .bill-total .total-top .topCenter i {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        margin-top: -52px;
                        margin-left: -7px
                    }

                    .onemonth .bill-centerRight .bill-total .total-top .topCenter.six-center {
                        height: 286px
                    }

                        .onemonth .bill-centerRight .bill-total .total-top .topCenter.six-center i {
                            margin-top: -117px;
                            margin-left: -10px
                        }

                .onemonth .bill-centerRight .bill-total .total-top .topRight {
                    width: 460px;
                    height: 145px;
                    display: table
                }

                    .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                        width: 458px;
                        height: auto;
                        vertical-align: middle;
                        display: table-cell
                    }

                        .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div {
                            width: 458px;
                            height: 47px;
                            border: 1px solid #f0f0f0;
                            border-bottom: none
                        }

                            .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div.border-bottom {
                                border-bottom: 1px solid #f0f0f0
                            }

                            .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div span {
                                display: inline-block;
                                vertical-align: middle;
                                *vertical-align: auto;
                                *zoom: 1;
                                *display: inline;
                                width: 90px;
                                height: 47px;
                                line-height: 47px;
                                text-align: center;
                                font-size: 14px;
                                border-right: 1px solid #f0f0f0
                            }

                                .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div span.span-center {
                                    width: 254px;
                                    text-align: left;
                                    padding-left: 12px
                                }

                                .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div span.span-right {
                                    border-right: none
                                }

                                .onemonth .bill-centerRight .bill-total .total-top .topRight .bill-table div span i {
                                    color: #3da4e2
                                }

                    .onemonth .bill-centerRight .bill-total .total-top .topRight dl {
                        width: 80px;
                        height: auto;
                        margin: 0 auto
                    }

                        .onemonth .bill-centerRight .bill-total .total-top .topRight dl dt {
                            margin-bottom: 12px
                        }

                    .onemonth .bill-centerRight .bill-total .total-top .topRight.six-right {
                        height: 286px
                    }

        .onemonth .bill-centerRight .total-bottom {
            text-align: center;
            width: 1000px;
            height: 36px
        }

            .onemonth .bill-centerRight .total-bottom input {
                width: 100px;
                height: 36px;
                background-color: #3da3e3;
                color: #fff;
                cursor: pointer
            }

                .onemonth .bill-centerRight .total-bottom input.disabled {
                    cursor: default;
                    background-color: #e5e5e5;
                    color: #919191
                }

                    .onemonth .bill-centerRight .total-bottom input.disabled:hover {
                        box-shadow: none
                    }

    .onemonth .bill-content {
        border-top: 5px solid #fbfbfb
    }

        .onemonth .bill-content .bill-detail {
            width: 100%;
            height: auto
        }

            .onemonth .bill-content .bill-detail .detail-month {
                width: 100%;
                height: 60px;
                position: relative;
                z-index: 2
            }

                .onemonth .bill-content .bill-detail .detail-month .month-left {
                    width: 802px;
                    padding: 10px 0
                }

                    .onemonth .bill-content .bill-detail .detail-month .month-left li {
                        width: 266px;
                        height: 40px;
                        border-right: 1px solid #f0f0f0;
                        position: relative
                    }

                        .onemonth .bill-content .bill-detail .detail-month .month-left li a {
                            display: inline-block;
                            vertical-align: middle;
                            *vertical-align: auto;
                            *zoom: 1;
                            *display: inline;
                            width: 100%;
                            height: 100%;
                            text-align: center;
                            line-height: 40px;
                            font-size: 16px;
                            color: #737373;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

                            .onemonth .bill-content .bill-detail .detail-month .month-left li a:hover {
                                color: #3da4e2;
                                -moz-transition: color .25s ease-in-out;
                                -o-transition: color .25s ease-in-out;
                                -webkit-transition: color .25s ease-in-out;
                                transition: color .25s ease-in-out
                            }

                        .onemonth .bill-content .bill-detail .detail-month .month-left li i {
                            display: none;
                            position: absolute;
                            left: 50%;
                            bottom: -12px;
                            margin-left: -9px
                        }

                        .onemonth .bill-content .bill-detail .detail-month .month-left li.on a {
                            color: #3da4e2
                        }

                        .onemonth .bill-content .bill-detail .detail-month .month-left li.on i {
                            display: block
                        }

                .onemonth .bill-content .bill-detail .detail-month .month-right {
                    width: 275px;
                    padding: 10px 0
                }

                    .onemonth .bill-content .bill-detail .detail-month .month-right li {
                        width: 275px;
                        height: 50px
                    }

                        .onemonth .bill-content .bill-detail .detail-month .month-right li a {
                            display: inline-block;
                            vertical-align: middle;
                            *vertical-align: auto;
                            *zoom: 1;
                            *display: inline;
                            text-align: center;
                            width: 100%;
                            height: 100%;
                            line-height: 50px;
                            color: #3da4e2;
                            font-size: 16px
                        }

                            .onemonth .bill-content .bill-detail .detail-month .month-right li a i {
                                display: inline-block;
                                vertical-align: middle;
                                *vertical-align: auto;
                                *zoom: 1;
                                *display: inline
                            }

                .onemonth .bill-content .bill-detail .detail-month .date-month {
                    width: 274px;
                    height: 166px;
                    background-color: #f6f6f6;
                    position: absolute;
                    right: 0;
                    top: 50px;
                    z-index: 1;
                    border-left: 1px solid #eaeaea;
                    border-bottom: 1px solid #eaeaea;
                    border-top: 1px solid #eaeaea
                }

                    .onemonth .bill-content .bill-detail .detail-month .date-month .data-years {
                        width: 274px;
                        height: 132px
                    }

                        .onemonth .bill-content .bill-detail .detail-month .date-month .data-years li {
                            width: 90px;
                            height: 32px;
                            line-height: 32px;
                            text-align: center;
                            border-right: 1px solid #eaeaea;
                            border-top: 1px solid #eaeaea;
                            cursor: pointer;
                            color: #545454
                        }

                            .onemonth .bill-content .bill-detail .detail-month .date-month .data-years li:hover {
                                background-color: #3da3e3;
                                color: #fff
                            }

                            .onemonth .bill-content .bill-detail .detail-month .date-month .data-years li.on {
                                background-color: #3da3e3;
                                color: #fff
                            }

                    .onemonth .bill-content .bill-detail .detail-month .date-month i {
                        position: absolute;
                        left: 50%;
                        top: -8px;
                        margin-left: -8px
                    }

                    .onemonth .bill-content .bill-detail .detail-month .date-month .years-switch {
                        width: 274px;
                        height: 33px;
                        line-height: 33px;
                        text-align: center
                    }

                        .onemonth .bill-content .bill-detail .detail-month .date-month .years-switch a {
                            display: inline-block;
                            vertical-align: middle;
                            *vertical-align: auto;
                            *zoom: 1;
                            *display: inline;
                            width: 91px;
                            height: 33px;
                            line-height: 33px;
                            text-align: center;
                            color: #545454;
                            color: #545454;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

                            .onemonth .bill-content .bill-detail .detail-month .date-month .years-switch a:hover {
                                color: #3da4e2;
                                -moz-transition: color .25s ease-in-out;
                                -o-transition: color .25s ease-in-out;
                                -webkit-transition: color .25s ease-in-out;
                                transition: color .25s ease-in-out
                            }

            .onemonth .bill-content .bill-detail .month-list {
                width: 998px;
                height: 50px;
                line-height: 50px;
                margin: 0 auto;
                background: #e7ebed;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                border: 1px solid #dbe4e9
            }

                .onemonth .bill-content .bill-detail .month-list .month-left {
                    width: 830px;
                    padding: 0
                }

                    .onemonth .bill-content .bill-detail .month-list .month-left li {
                        width: 260px;
                        height: 32px;
                        line-height: 32px;
                        padding: 0 6px;
                        margin-top: 8px;
                        border-right: 1px solid #dbe4e9
                    }

                        .onemonth .bill-content .bill-detail .month-list .month-left li a {
                            display: block;
                            position: relative;
                            top: -6px;
                            width: 260px;
                            height: 46px;
                            line-height: 46px
                        }

                            .onemonth .bill-content .bill-detail .month-list .month-left li a:hover {
                                background: url(../images/payment-list.png) no-repeat;
                                background-size: 100%
                            }

                        .onemonth .bill-content .bill-detail .month-list .month-left li.on a {
                            background: url(../images/payment-list.png) no-repeat;
                            background-size: 100%
                        }

                .onemonth .bill-content .bill-detail .month-list .month-right {
                    width: 165px;
                    padding: 0
                }

                    .onemonth .bill-content .bill-detail .month-list .month-right li {
                        width: 165px
                    }

                        .onemonth .bill-content .bill-detail .month-list .month-right li a {
                            color: #666
                        }

                            .onemonth .bill-content .bill-detail .month-list .month-right li a i {
                                margin-top: -3px
                            }

            .onemonth .bill-content .bill-detail .month-detail {
                width: 1080px;
                height: 168px;
                border-top: 1px solid #f0f0f0;
                position: relative
            }

                .onemonth .bill-content .bill-detail .month-detail .detail-ul {
                    width: 1050px;
                    height: 30px;
                    border-bottom: 1px solid #3da4e2;
                    padding-top: 24px;
                    padding-left: 30px
                }

                    .onemonth .bill-content .bill-detail .month-detail .detail-ul li {
                        width: 157px;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        font-size: 14px;
                        cursor: pointer;
                        color: #737373;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

                        .onemonth .bill-content .bill-detail .month-detail .detail-ul li:hover {
                            color: #3da4e2;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

                        .onemonth .bill-content .bill-detail .month-detail .detail-ul li.on {
                            border: 1px solid #3da4e2;
                            border-bottom: none;
                            color: #3da4e2;
                            background-color: #fff
                        }

                        .onemonth .bill-content .bill-detail .month-detail .detail-ul li:nth-child(2) {
                            position: relative;
                            left: -1px
                        }

                .onemonth .bill-content .bill-detail .month-detail h6 {
                    position: absolute;
                    right: 0;
                    top: 14px;
                    color: #3da4e2;
                    font-size: 14px;
                    cursor: pointer;
                    border: none
                }

                .onemonth .bill-content .bill-detail .month-detail div {
                    width: 1080px;
                    padding-top: 18px
                }

                    .onemonth .bill-content .bill-detail .month-detail div ul {
                        width: 100%;
                        height: 106px
                    }

                        .onemonth .bill-content .bill-detail .month-detail div ul li {
                            margin: 0 30px;
                            position: relative
                        }

                            .onemonth .bill-content .bill-detail .month-detail div ul li span {
                                display: block;
                                height: 34px;
                                line-height: 34px;
                                text-align: center
                            }

                                .onemonth .bill-content .bill-detail .month-detail div ul li span.span-color {
                                    color: red
                                }

                            .onemonth .bill-content .bill-detail .month-detail div ul li i {
                                color: red;
                                font-size: 24px;
                                position: absolute;
                                right: -34px;
                                top: 14px
                            }

                            .onemonth .bill-content .bill-detail .month-detail div ul li .sale-tip {
                                display: inline-block;
                                font-size: 12px;
                                line-height: 15px;
                                border-radius: 2px;
                                padding: 1px 3px;
                                color: #ea521b;
                                background-color: #fae3db;
                                vertical-align: text-bottom;
                                position: relative;
                                cursor: pointer;
                                margin-right: 4px;
                                height: auto
                            }

                                .onemonth .bill-content .bill-detail .month-detail div ul li .sale-tip .sale-hover-tip {
                                    display: none;
                                    position: absolute;
                                    left: -1px;
                                    top: -22px;
                                    background: #fff;
                                    border: 1px solid #e8e8e8;
                                    padding: 1px 3px;
                                    font-size: 13px;
                                    color: #666666;
                                    box-shadow: 3px 3px 3px 0px #b9b9b9;
                                    white-space: nowrap;
                                    z-index: 1;
                                    height: auto;
                                    line-height: normal
                                }

                                .onemonth .bill-content .bill-detail .month-detail div ul li .sale-tip:hover .sale-hover-tip {
                                    display: block
                                }

                            .onemonth .bill-content .bill-detail .month-detail div ul li .coupon-tip {
                                margin-top: -12px
                            }

            .onemonth .bill-content .bill-detail .payment-bill-detail {
                width: 1000px;
                margin: 0 auto;
                border-top: 0;
                border-bottom: 1px solid #f1f1f1
            }

                .onemonth .bill-content .bill-detail .payment-bill-detail .detail-ul {
                    width: 988px;
                    padding-left: 12px;
                    border-bottom: 1px solid #dbe4e9
                }

                    .onemonth .bill-content .bill-detail .payment-bill-detail .detail-ul li {
                        width: auto;
                        padding: 0 12px;
                        font-size: 13px;
                        color: #666;
                        -moz-border-radius: 4px 4px 0 0;
                        -webkit-border-radius: 4px;
                        border-radius: 4px 4px 0 0;
                        border: 1px solid #dbe4e9;
                        border-bottom: 0
                    }

                        .onemonth .bill-content .bill-detail .payment-bill-detail .detail-ul li.on {
                            border: 1px solid #dbe4e9;
                            border-bottom: 0
                        }

                        .onemonth .bill-content .bill-detail .payment-bill-detail .detail-ul li.payment-border {
                            position: relative;
                            left: -1px
                        }

        .onemonth .bill-content .bill-list {
            border-top: none
        }

            .onemonth .bill-content .bill-list .list-billName {
                width: 1000px;
                height: auto;
                margin: 0 auto;
                border-bottom: 1px solid #f0f0f0;
                overflow: hidden
            }

                .onemonth .bill-content .bill-list .list-billName .list-item {
                    margin-left: 15px;
                    font-size: 14px
                }

                .onemonth .bill-content .bill-list .list-billName .list-item-payment {
                    margin-left: 66px
                }

                    .onemonth .bill-content .bill-list .list-billName .list-item-payment span {
                        padding: 20px 0;
                        height: auto;
                        line-height: 20px
                    }

                .onemonth .bill-content .bill-list .list-billName .list-word-payment {
                    padding: 15px 66px;
                    font-size: 12px;
                    color: #555;
                    background: #fbfbfb
                }

                .onemonth .bill-content .bill-list .list-billName span {
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    height: 38px;
                    line-height: 38px;
                    padding: 20px 0
                }

                    .onemonth .bill-content .bill-list .list-billName span.name-span {
                        font-weight: 600;
                        color: #000;
                        width: 180px
                    }

                    .onemonth .bill-content .bill-list .list-billName span.name-span-100 {
                        width: 203px;
                        font-weight: 100
                    }

                    .onemonth .bill-content .bill-list .list-billName span.title-span {
                        width: 445px;
                        padding-right: 96px
                    }

                    .onemonth .bill-content .bill-list .list-billName span.line-height-20 {
                        line-height: 20px
                    }

                    .onemonth .bill-content .bill-list .list-billName span.title-span-payment {
                        width: 344px;
                        margin-right: 102px
                    }

                    .onemonth .bill-content .bill-list .list-billName span.price-span {
                        width: 180px
                    }

                        .onemonth .bill-content .bill-list .list-billName span.price-span .sale-tip {
                            display: inline-block;
                            font-size: 12px;
                            line-height: 17px;
                            border-radius: 2px;
                            padding: 1px 3px;
                            color: #ea521b;
                            background-color: #fae3db;
                            vertical-align: text-bottom;
                            position: relative;
                            cursor: pointer;
                            margin-right: 4px;
                            margin-left: -22px;
                            height: auto
                        }

                            .onemonth .bill-content .bill-list .list-billName span.price-span .sale-tip .sale-hover-tip {
                                display: none;
                                position: absolute;
                                left: -1px;
                                top: -22px;
                                width: 210px;
                                height: inherit;
                                text-align: left;
                                word-break: break-all;
                                background: #fff;
                                border: 1px solid #e8e8e8;
                                padding: 1px 3px;
                                font-size: 13px;
                                color: #666666;
                                box-shadow: 3px 3px 3px 0px #b9b9b9;
                                line-height: normal;
                                z-index: 1
                            }

                            .onemonth .bill-content .bill-list .list-billName span.price-span .sale-tip:hover .sale-hover-tip {
                                display: block
                            }

                        .onemonth .bill-content .bill-list .list-billName span.price-span i {
                            color: red
                        }

                    .onemonth .bill-content .bill-list .list-billName span.price-span {
                        color: #000
                    }

                    .onemonth .bill-content .bill-list .list-billName span.price-span-payment {
                        width: 250px;
                        color: #666
                    }

                        .onemonth .bill-content .bill-list .list-billName span.price-span-payment i {
                            color: red
                        }

                    .onemonth .bill-content .bill-list .list-billName span.details-span {
                        color: #3da4e2;
                        cursor: pointer;
                        position: relative
                    }

                        .onemonth .bill-content .bill-list .list-billName span.details-span i {
                            position: absolute;
                            left: 50%;
                            bottom: 12px;
                            margin-left: -7px
                        }

                    .onemonth .bill-content .bill-list .list-billName span .icon-question {
                        cursor: pointer;
                        display: inline-block
                    }

            .onemonth .bill-content .bill-list .list-details {
                padding: 0 16px 20px;
                background-color: #fbfbfb;
                border-top: 1px solid #f0f0f0;
                position: relative
            }

                .onemonth .bill-content .bill-list .list-details h6 {
                    width: 100%;
                    height: 48px;
                    line-height: 48px;
                    border: none;
                    padding: 0
                }

                    .onemonth .bill-content .bill-list .list-details h6 i {
                        color: #3da4e2
                    }

                .onemonth .bill-content .bill-list .list-details .icon-pack-up {
                    cursor: pointer;
                    position: absolute;
                    right: 22px;
                    bottom: 8px
                }

            .onemonth .bill-content .bill-list .list-details-tab {
                padding: 0 66px 20px;
                background: #fbfbfb;
                border-top: 2px solid #f6f6f6;
                border-bottom: 1px solid #f6f6f6
            }

        .onemonth .bill-content .loading {
            text-align: center;
            font-size: 14px;
            margin: 10px 0
        }

            .onemonth .bill-content .loading img {
                width: 60px
            }

        .onemonth .bill-content .loading-panel {
            height: 300px;
            padding-top: 150px;
            text-align: center
        }

    .onemonth .month-pay .my-bill {
        margin: 30px 36px 8px 40px;
        font-size: 22px;
        color: #333;
        overflow: hidden
    }

        .onemonth .month-pay .my-bill .service-view {
            margin-top: 30px;
            float: right;
            margin-right: 20px;
            color: #37a3ff;
            cursor: pointer;
            font-size: 14px
        }

    .onemonth .month-pay .notice-bill {
        width: 1000px;
        height: 30px;
        line-height: 30px;
        margin: 0 auto;
        text-indent: 12px;
        font-size: 12px;
        color: #333;
        background: #fff8da;
        border-top: 1px solid #e1e1e1
    }

        .onemonth .month-pay .notice-bill a {
            color: #37a3ff
        }

    .onemonth .month-pay .payment {
        width: 998px;
        height: auto;
        padding: 32px 0 20px;
        margin: 20px auto 0;
        border: 1px solid #e9e9e9;
        border-top: 5px solid #b0cceb;
        background: #fbfdff
    }

    .onemonth .month-pay .payment-bg {
        width: 1000px;
        height: 6px;
        margin: 0 auto 20px
    }

    .onemonth .month-pay .payment-top {
        width: 947px;
        height: auto;
        margin: 0 auto;
        padding-bottom: 5px;
        border-bottom: 1px dashed #eaeaea;
        margin-bottom: 26px;
        position: relative
    }

    .onemonth .month-pay .total-payment {
        margin: -55px auto 14px;
        width: 100px;
        height: 32px
    }

        .onemonth .month-pay .total-payment input {
            height: 32px;
            line-height: 32px
        }

    .onemonth .month-pay .payment-content {
        border: 0
    }

        .onemonth .month-pay .payment-content .list-billName .overdue {
            height: 12px;
            line-height: 12px
        }

    .onemonth .payment-list {
        margin-bottom: 20px
    }

        .onemonth .payment-list i {
            color: #fe0000
        }

        .onemonth .payment-list span {
            color: #666
        }

        .onemonth .payment-list h4, .onemonth .payment-list .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .payment-list p {
            font-size: 22px;
            color: #000
        }

        .onemonth .payment-list p {
            margin-top: 14px;
            font-size: 14px;
            color: #666;
            border: 0
        }

            .onemonth .payment-list p.opacity {
                opacity: 0
            }

    .onemonth .payment-tab {
        width: 948px;
        margin: 0 auto;
        color: #666
    }

        .onemonth .payment-tab .header-table {
            font-size: 14px
        }

        .onemonth .payment-tab .content-table {
            font-size: 13px
        }

            .onemonth .payment-tab .content-table .sale-tip {
                display: inline-block;
                font-size: 12px;
                line-height: 17px;
                border-radius: 2px;
                padding: 1px 3px;
                color: #ea521b;
                background-color: #fae3db;
                vertical-align: text-bottom;
                position: relative;
                cursor: pointer;
                margin-right: 4px;
                height: auto
            }

                .onemonth .payment-tab .content-table .sale-tip .sale-hover-tip {
                    display: none;
                    position: absolute;
                    left: -1px;
                    top: -22px;
                    background: #fff;
                    border: 1px solid #e8e8e8;
                    padding: 1px 3px;
                    font-size: 13px;
                    color: #666666;
                    box-shadow: 3px 3px 3px 0px #b9b9b9;
                    white-space: nowrap;
                    height: auto;
                    line-height: normal
                }

                .onemonth .payment-tab .content-table .sale-tip:hover .sale-hover-tip {
                    display: block
                }

        .onemonth .payment-tab .overdue {
            color: #fe0000
        }

        .onemonth .payment-tab .header-table div {
            line-height: 40px
        }

    .onemonth .payment-cot .header-table div {
        line-height: 20px;
        padding: 10px 0;
        font-size: 14px
    }

    .onemonth .payment-cot .content-table td, .onemonth .payment-cot .content-table div {
        background-clip: padding-box;
        position: relative;
        line-height: 20px;
        padding: 10px 5px;
        font-size: 12px
    }

    .onemonth .payment-cot .content-table .overdue {
        color: #fe0000
    }

    .onemonth .header-table a {
        color: #3da4e2
    }

    .onemonth .header-table td {
        display: table-cell;
        text-align: center;
        height: auto;
        line-height: 50px;
        border-right: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        float: none;
        vertical-align: middle;
        word-break: break-all;
        overflow: hidden
    }

    .onemonth .details-cont .content-table td a {
        position: relative;
        z-index: 333;
        color: #3da4e2
    }

    .onemonth .icon-question {
        display: inline-block
    }

    .onemonth .details-cont em {
        display: inline-block;
        text-align: center;
        line-height: 30px
    }

        .onemonth .details-cont em.overdue {
            color: #f00;
            font-size: 12px
        }

    .onemonth .details-cont .header-table {
        height: 50px
    }

        .onemonth .details-cont .header-table div {
            line-height: 25px
        }

    .onemonth .content-table div {
        height: 40px;
        line-height: 40px;
        padding-top: 10px;
        overflow: inherit
    }

    .onemonth .content-table td {
        height: 40px;
        line-height: 40px;
        overflow: inherit;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        border-right: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        float: none;
        word-break: break-all
    }

    .onemonth .line-height-12 {
        line-height: 12px !important
    }

    .onemonth .icon-export {
        position: absolute;
        left: -6px;
        top: 16px
    }

    .onemonth .tip-remark {
        position: relative
    }

        .onemonth .tip-remark .hover-tip-remark {
            display: none;
            position: absolute;
            width: 120px;
            top: 10px;
            padding: 3px;
            line-height: 18px;
            border: 1px solid #ddd;
            border-radius: 3px;
            text-align: left;
            word-break: break-all;
            background-color: #fff;
            z-index: 5
        }

        .onemonth .tip-remark:hover .hover-tip-remark {
            display: block
        }

.orderSubscriptnew, .orderSubscriptcon, .allot, .no-return, .reduce-price {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 4px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 0 0 0 4px
}

.orderSubscriptnew {
    background: #fda738
}

.orderSubscriptcon {
    background: #e84c3d
}

.allot {
    background: #6594E2
}

.no-return {
    background: #2aa173
}

.reduce-price {
    background: #FF5E5B;
    cursor: pointer
}

.details-cont .content-table .reduce-price-box .reduce-price:hover .old-price {
    display: block
}

.bill-list .list-billName .details-cont .content-table .sale-tip {
    display: inline-block;
    font-size: 12px;
    line-height: 17px;
    border-radius: 2px;
    padding: 1px 3px;
    color: #ea521b;
    background-color: #fae3db;
    vertical-align: text-bottom;
    position: relative;
    cursor: pointer;
    margin-right: 4px;
    height: auto
}

    .bill-list .list-billName .details-cont .content-table .sale-tip .sale-hover-tip {
        display: none;
        position: absolute;
        left: -1px;
        top: -22px;
        width: 210px;
        height: inherit;
        text-align: left;
        word-break: break-all;
        background: #fff;
        border: 1px solid #e8e8e8;
        padding: 1px 3px;
        font-size: 13px;
        color: #666666;
        box-shadow: 3px 3px 3px 0px #b9b9b9;
        line-height: normal;
        z-index: 1
    }

    .bill-list .list-billName .details-cont .content-table .sale-tip:hover .sale-hover-tip {
        display: block
    }

.details-cont .content-table .old-price {
    display: none;
    position: absolute;
    right: -76px;
    bottom: -46px;
    width: 114px;
    padding: 0 6px;
    color: #333;
    z-index: 999;
    border: 1px solid #D9D9D9;
    -webkit-box-shadow: 2px 2px 4px #D9D9D9;
    -moz-box-shadow: 2px 2px 4px #D9D9D9;
    box-shadow: 2px 2px 4px #D9D9D9;
    background: #fff
}

.details-cont .content-table .pay-type-desc {
    height: 51px;
    color: #bc5151;
    text-align: left;
    padding: 0 0 0 15px
}

.details-cont.with-charge-against-table {
    border: none
}

    .details-cont.with-charge-against-table .head-table {
        display: table;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea;
        border-top: 1px solid #eaeaea;
        width: 100%
    }

    .details-cont.with-charge-against-table .table-cell {
        display: table-cell
    }

    .details-cont.with-charge-against-table .row-table {
        border-bottom: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea;
        border-right: 1px solid #eaeaea
    }

    .details-cont.with-charge-against-table .icon-arrow-up-blue {
        top: 20px;
        right: 21px;
        display: none;
        position: absolute
    }

    .details-cont.with-charge-against-table .charge-aginst-table {
        width: 100%;
        background: #fff;
        margin: 20px 0;
        display: none
    }

        .details-cont.with-charge-against-table .charge-aginst-table thead {
            background-color: #f2f2f2
        }

        .details-cont.with-charge-against-table .charge-aginst-table td, .details-cont.with-charge-against-table .charge-aginst-table th {
            border: 1px solid #eaeaea;
            text-align: center;
            height: 44px
        }

    .details-cont.with-charge-against-table .border-top {
        border-top: 1px solid #eaeaea
    }

.payment-tab {
    display: none
}

.phone-dlg-body {
    margin: 30px 40px
}

    .phone-dlg-body .phone {
        border: 1px solid #e9ebed;
        margin-left: 15px;
        width: 181px;
        height: 30px;
        padding: 0 8px
    }

    .phone-dlg-body .bounced-btn {
        margin-top: 30px
    }

        .phone-dlg-body .bounced-btn .uc-bounced-button {
            width: 100px;
            height: 35px
        }

    .phone-dlg-body #phoneError {
        color: #fe4979;
        margin-top: 10px;
        position: absolute;
        left: 110px;
        top: 96px
    }

        .phone-dlg-body #phoneError .icon-prefect-error {
            display: inline-block
        }

.invoice-top {
    padding: 35px 20px;
    background-color: #fff
}

    .invoice-top h4, .invoice-top .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .invoice-top p {
        width: 100%;
        height: 36px;
        line-height: 36px;
        font-size: 22px;
        padding-top: 32px;
        text-align: center
    }

    .invoice-top p {
        color: #585858;
        text-align: center;
        width: 100%;
        height: 32px;
        line-height: 32px
    }

    .invoice-top .title {
        width: auto;
        height: 36px;
        line-height: 36px;
        font-size: 20px
    }

    .invoice-top .invoice-desc {
        margin-left: 8px;
        color: #63b6ff
    }

        .invoice-top .invoice-desc .icon-know {
            display: inline-block
        }

    .invoice-top #requestInvoiceBtn {
        width: 100px;
        height: 36px;
        line-height: 36px;
        color: #fff;
        background-color: #37a3ff;
        display: block;
        float: right;
        text-align: center
    }

    .invoice-top .apply-invoice {
        width: 100%;
        height: 40px;
        text-align: center;
        padding-top: 22px
    }

        .invoice-top .apply-invoice input {
            width: 100px;
            height: 36px;
            color: #fff;
            background-color: #3da3e3
        }

        .invoice-top .apply-invoice a {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            height: 36px;
            line-height: 50px;
            color: #3da3e3;
            *line-height: 36px
        }

    .invoice-top .export-btn {
        color: #37a3ff
    }

        .invoice-top .export-btn .icon-export {
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px
        }

        .invoice-top .export-btn.export-btn-01 {
            float: right;
            margin-right: 20px;
            line-height: 36px
        }

        .invoice-top .export-btn.export-btn-02 {
            margin-left: 10px
        }

.invoice-bottom {
    padding: 0 20px
}

    .invoice-bottom h5 {
        height: 50px;
        line-height: 50px;
        font-size: 16px
    }

    .invoice-bottom .content-table .color-red {
        color: #fd2323
    }

    .invoice-bottom .content-table .color-green {
        color: #8fd240
    }

    .invoice-bottom .content-table a {
        padding: 0 5px
    }

.open-invoice-bottom {
    width: 1080px;
    padding-bottom: 10px;
    background-color: #fff
}

    .open-invoice-bottom .table-row {
        width: 100%;
        height: auto;
        line-height: 30px;
        margin-bottom: 4px;
        padding: 4px 0
    }

        .open-invoice-bottom .table-row .span-title {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: 110px;
            height: 30px;
            line-height: 30px;
            text-align: right;
            padding-right: 8px;
            color: #333;
            font-size: 14px
        }

        .open-invoice-bottom .table-row .add-title-btn {
            color: #3da3e3;
            cursor: pointer
        }

        .open-invoice-bottom .table-row .content-tip {
            font-size: 12px;
            color: #999999;
            vertical-align: middle
        }

            .open-invoice-bottom .table-row .content-tip i {
                display: inline-block;
                vertical-align: text-bottom;
                margin-right: 7px
            }

        .open-invoice-bottom .table-row .invoice-total-amount {
            color: #fe272a
        }

        .open-invoice-bottom .table-row .adjust-margin-left {
            margin-left: 4px
        }

        .open-invoice-bottom .table-row .invoice-text {
            width: 280px;
            height: 30px;
            color: #333
        }

        .open-invoice-bottom .table-row select {
            width: 292px;
            height: 32px;
            border: 1px solid #e2e2e2;
            padding-left: 12px;
            color: #333
        }

        .open-invoice-bottom .table-row .radio-span {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: 850px;
            height: 30px;
            line-height: 30px;
            height: auto;
            text-align: left;
            position: relative
        }

            .open-invoice-bottom .table-row .radio-span label {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                height: 30px;
                line-height: 28px;
                margin-right: 28px;
                padding-left: 18px;
                position: relative
            }

                .open-invoice-bottom .table-row .radio-span label input {
                    -moz-appearance: radio;
                    -webkit-appearance: radio;
                    position: absolute;
                    left: 0;
                    top: 8px
                }

            .open-invoice-bottom .table-row .radio-span p {
                height: auto;
                line-height: 24px;
                font-size: 12px;
                color: #666
            }

            .open-invoice-bottom .table-row .radio-span .service-qa-box {
                position: absolute;
                top: 0;
                left: 110px
            }

                .open-invoice-bottom .table-row .radio-span .service-qa-box .icon-qa {
                    width: 14px;
                    height: 14px;
                    line-height: 14px;
                    display: inline-block;
                    margin-top: 8px;
                    background-image: url(../images/icon-rent-tip.png)
                }

                .open-invoice-bottom .table-row .radio-span .service-qa-box .icon-border-top {
                    position: absolute;
                    left: 21px;
                    top: -7px;
                    width: 10px;
                    height: 7px;
                    margin-left: 10px;
                    display: block;
                    z-index: 10;
                    background-image: url(../images/icon-border-top.png)
                }

                .open-invoice-bottom .table-row .radio-span .service-qa-box .qa-detail {
                    position: absolute;
                    left: -30px;
                    top: 30px;
                    width: 300px;
                    height: auto;
                    line-height: 20px;
                    border: 1px solid #e8e8e8;
                    background: #fff;
                    padding: 3px 10px;
                    font-size: 12px;
                    color: #7e7e7e;
                    box-shadow: 0 0 9px -3px;
                    z-index: 9
                }

                    .open-invoice-bottom .table-row .radio-span .service-qa-box .qa-detail .common-paper-content {
                        width: 100%;
                        padding: 5px 0
                    }

                    .open-invoice-bottom .table-row .radio-span .service-qa-box .qa-detail p {
                        line-height: 24px;
                        font-size: 12px;
                        position: relative
                    }

        .open-invoice-bottom .table-row dl {
            overflow: hidden
        }

            .open-invoice-bottom .table-row dl .upload-box {
                margin: 4px 0;
                width: 98px;
                height: 92px;
                border: 1px solid #e2e2e2;
                position: relative;
                background: url(../images/img-upload_1.png) no-repeat center;
                overflow: hidden
            }

                .open-invoice-bottom .table-row dl .upload-box img {
                    display: block;
                    width: 100%;
                    height: 100%
                }

                .open-invoice-bottom .table-row dl .upload-box span {
                    display: block;
                    width: 98px;
                    height: 22px;
                    line-height: 22px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    text-align: center;
                    background: rgba(0,0,0,0.3);
                    padding: 0;
                    color: #fff
                }

                .open-invoice-bottom .table-row dl .upload-box .input-file {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0;
                    top: 0;
                    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
                    opacity: 0
                }

            .open-invoice-bottom .table-row dl dd {
                padding-left: 20px;
                width: 838px;
                height: auto
            }

                .open-invoice-bottom .table-row dl dd p {
                    height: 24px;
                    line-height: 24px;
                    color: #666
                }

        .open-invoice-bottom .table-row .upload-file-tips {
            padding-left: 0px;
            width: 838px;
            height: auto
        }

            .open-invoice-bottom .table-row .upload-file-tips p {
                height: auto;
                line-height: 24px;
                font-size: 12px
            }

        .open-invoice-bottom .table-row .identify-number-tips {
            margin-top: -8px;
            padding-left: 120px;
            color: #666;
            height: auto;
            line-height: 24px;
            font-size: 12px
        }

        .open-invoice-bottom .table-row .mail-address {
            width: 838px;
            height: auto;
            margin-left: 4px;
            border: 1px solid #e2e2e2
        }

            .open-invoice-bottom .table-row .mail-address h6 {
                height: 36px;
                line-height: 36px;
                padding: 0 14px;
                font-size: 14px
            }

                .open-invoice-bottom .table-row .mail-address h6 .new-address-span {
                    height: 36px;
                    line-height: 36px;
                    color: #3da3e3;
                    cursor: pointer;
                    *margin-top: -36px
                }

            .open-invoice-bottom .table-row .mail-address .address-list {
                padding-bottom: 10px
            }

        .open-invoice-bottom .table-row .error-prompt-main {
            font-weight: normal;
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            width: 500px;
            padding-left: 12px
        }

            .open-invoice-bottom .table-row .error-prompt-main .error-prompt {
                font-weight: normal
            }

        .open-invoice-bottom .table-row .error-padding {
            padding-left: 118px;
            margin-top: 6px
        }

    .open-invoice-bottom .invoice-list {
        padding: 0 40px
    }

        .open-invoice-bottom .invoice-list a {
            color: #3da3e3
        }

        .open-invoice-bottom .invoice-list .upload-remark {
            padding-left: 120px;
            font-size: 12px;
            color: #666;
            line-height: 25px
        }

        .open-invoice-bottom .invoice-list.invoice-list-top {
            padding-top: 20px
        }

        .open-invoice-bottom .invoice-list.invoice-list-bottom {
            padding-bottom: 10px
        }

    .open-invoice-bottom .invoice-button {
        width: 798px;
        height: 46px;
        line-height: 46px;
        padding-left: 160px;
        padding-bottom: 20px
    }

    .open-invoice-bottom .remarks {
        position: relative
    }

        .open-invoice-bottom .remarks dt {
            vertical-align: middle;
            width: 110px;
            height: 30px;
            line-height: 30px;
            text-align: right;
            padding-right: 8px;
            color: #333;
            font-size: 14px
        }

        .open-invoice-bottom .remarks .remark-textarea {
            width: 280px;
            height: 26px;
            padding-top: 4px;
            border: 1px solid #e9ebed !important;
            margin-left: 4px
        }

            .open-invoice-bottom .remarks .remark-textarea:focus {
                border: 1px solid #37a3ff !important;
                -moz-box-shadow: 0 0 1px 2px #e3f4ff;
                -webkit-box-shadow: 0 0 1px 2px #e3f4ff;
                box-shadow: 0 0 1px 2px #e3f4ff;
                -moz-transition: box-shadow .5s ease-in-out;
                -o-transition: box-shadow .5s ease-in-out;
                -webkit-transition: box-shadow .5s ease-in-out;
                transition: box-shadow .5s ease-in-out
            }

        .open-invoice-bottom .remarks .remark-textarea-large {
            height: 65px;
            color: #333
        }

        .open-invoice-bottom .remarks .show-img {
            position: absolute;
            left: 430px;
            top: 3px
        }

        .open-invoice-bottom .remarks .invoice-example {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 10;
            width: 498px;
            height: 291px;
            border: 1px solid #E2E2E2;
            background: #fff url(../images/invoice-example.jpg) no-repeat center center
        }

        .open-invoice-bottom .remarks .remarks-word {
            position: relative;
            font-size: 12px;
            color: #666;
            margin-top: 6px
        }

            .open-invoice-bottom .remarks .remarks-word span {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                color: #3da3e3
            }

    .open-invoice-bottom .express dt {
        vertical-align: top;
        width: 110px;
        height: auto;
        text-align: right;
        padding-right: 8px;
        color: #333;
        font-size: 14px
    }

    .open-invoice-bottom .express dd {
        margin-top: 4px;
        font-size: 12px;
        color: #333
    }

        .open-invoice-bottom .express dd label {
            font-size: 14px;
            cursor: pointer
        }

            .open-invoice-bottom .express dd label input {
                -moz-appearance: radio;
                -webkit-appearance: radio;
                margin-right: 10px
            }

        .open-invoice-bottom .express dd p {
            margin: 12px 0 12px 20px;
            color: #666
        }

.electronic-invoice .invoice-content {
    padding: 0 20px;
    margin-bottom: 30px
}

    .electronic-invoice .invoice-content .details-cont .header-table .text-align-left {
        text-align: left;
        padding-left: 30px
    }

    .electronic-invoice .invoice-content .details-cont .content-table ul {
        padding: 20px 30px
    }

        .electronic-invoice .invoice-content .details-cont .content-table ul li {
            line-height: 30px;
            color: #666d71
        }

            .electronic-invoice .invoice-content .details-cont .content-table ul li .describe {
                color: #000000
            }

    .electronic-invoice .invoice-content .details-cont .content-table .sale-invoice-info-box {
        width: 90%;
        text-align: center;
        color: #000;
        border: 1px solid #ccc
    }

        .electronic-invoice .invoice-content .details-cont .content-table .sale-invoice-info-box thead {
            background-color: #f2f2f2
        }

        .electronic-invoice .invoice-content .details-cont .content-table .sale-invoice-info-box tr, .electronic-invoice .invoice-content .details-cont .content-table .sale-invoice-info-box td {
            padding: 4px 10px;
            border: 1px solid #eaeaea
        }

        .electronic-invoice .invoice-content .details-cont .content-table .sale-invoice-info-box tbody td {
            word-break: break-all
        }

.electronic-invoice .invoice-bottom {
    margin-bottom: 30px
}

.electronic-invoice .red {
    color: red
}

.center-main .content .top-coupon-nav, .center-main .payment-main .order-submit .top-coupon-nav, .payment-main .center-main .order-submit .top-coupon-nav, .center-main .payment-main .order-way .top-coupon-nav, .payment-main .center-main .order-way .top-coupon-nav, .center-main .payment-main .balance .top-coupon-nav, .payment-main .center-main .balance .top-coupon-nav {
    border-bottom: none
}

.coupon-centre {
    margin-bottom: 10px;
    width: 1080px;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .coupon-centre .coupon-types {
        height: 50px;
        line-height: 40px;
        font-size: 18px;
        color: #333
    }

        .coupon-centre .coupon-types .item-type {
            margin-right: 40px;
            display: inline-block;
            height: 49px;
            cursor: pointer
        }

        .coupon-centre .coupon-types .item-on {
            color: #37a3ff;
            border-bottom: 2px solid #37a3ff;
            font-weight: 900
        }

    .coupon-centre .coupon-content {
        border-top: 1px solid #ddd
    }

        .coupon-centre .coupon-content .coupon-use {
            height: 65px;
            line-height: 65px;
            font-size: 14px;
            color: #333
        }

            .coupon-centre .coupon-content .coupon-use .item-use {
                margin-right: 40px;
                cursor: pointer
            }

            .coupon-centre .coupon-content .coupon-use .item-on {
                color: #000;
                font-weight: 900
            }

        .coupon-centre .coupon-content .card-wrap {
            font-size: 0
        }

            .coupon-centre .coupon-content .card-wrap .coupon-item {
                position: relative;
                display: inline-block;
                width: 338px;
                margin-bottom: 15px;
                border-radius: 5px
            }

                .coupon-centre .coupon-content .card-wrap .coupon-item:nth-child(3n-1) {
                    margin: 0 15px 15px
                }

                .coupon-centre .coupon-content .card-wrap .coupon-item .coupon-sign {
                    display: inline-block;
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    z-index: 1
                }

                .coupon-centre .coupon-content .card-wrap .coupon-item .item-box {
                    position: relative;
                    padding: 16px 15px;
                    z-index: 5
                }

                .coupon-centre .coupon-content .card-wrap .coupon-item .describe-box {
                    display: inline-block;
                    width: 170px;
                    font-size: 12px
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .describe-box .name {
                        font-size: 14px;
                        height: 22px;
                        line-height: 22px
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .describe-box .descirbe-txt {
                        height: 22px;
                        line-height: 22px
                    }

                .coupon-centre .coupon-content .card-wrap .coupon-item .quota-box {
                    float: right
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .quota-box .money-symbol {
                        font-size: 30px;
                        padding-right: 5px
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .quota-box .money-num {
                        font-family: IMPACT;
                        font-size: 52px
                    }

                .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit {
                    position: relative;
                    font-size: 12px;
                    height: 32px;
                    line-height: 32px;
                    padding: 0 15px;
                    z-index: 5
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .detail {
                        float: right;
                        cursor: pointer
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .circle {
                        position: absolute;
                        top: -10px;
                        width: 7px;
                        height: 14px;
                        background-color: #fff
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .circle-shade {
                        position: absolute;
                        top: -9px;
                        width: 3px;
                        height: 14px;
                        background-color: #fff;
                        z-index: 9
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .circle-left {
                        left: -1px;
                        border-radius: 0 14px 14px 0
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .shade-left {
                        left: -2px
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .circle-right {
                        right: -1px;
                        border-radius: 14px 0 0 14px
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-item .product-limit .shade-right {
                        right: -2px
                    }

            .coupon-centre .coupon-content .card-wrap .coupon-one {
                border: 1px solid #ed7a78;
                border-top: 7px solid #ed7a78;
                color: #ed7a78;
                background-color: #fffbfb
            }

                .coupon-centre .coupon-content .card-wrap .coupon-one .product-limit {
                    border-top: 1px dashed #ed7a78
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-one .product-limit .circle {
                        border: 1px solid #ed7a78
                    }

            .coupon-centre .coupon-content .card-wrap .coupon-two {
                border: 1px solid #ea668e;
                border-top: 7px solid #ea668e;
                color: #ea668e;
                background-color: #fff3f6
            }

                .coupon-centre .coupon-content .card-wrap .coupon-two .product-limit {
                    border-top: 1px dashed #ea668e
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-two .product-limit .circle {
                        border: 1px solid #ea668e
                    }

            .coupon-centre .coupon-content .card-wrap .coupon-three {
                border: 1px solid #78c0ed;
                border-top: 7px solid #78c0ed;
                color: #78c0ed;
                background-color: #fbfdff
            }

                .coupon-centre .coupon-content .card-wrap .coupon-three .product-limit {
                    border-top: 1px dashed #78c0ed
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-three .product-limit .circle {
                        border: 1px solid #78c0ed
                    }

            .coupon-centre .coupon-content .card-wrap .coupon-four {
                border: 1px solid #9dafe8;
                border-top: 7px solid #9dafe8;
                color: #9dafe8;
                background-color: #fbfbff
            }

                .coupon-centre .coupon-content .card-wrap .coupon-four .product-limit {
                    border-top: 1px dashed #9dafe8
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-four .product-limit .circle {
                        border: 1px solid #9dafe8
                    }

            .coupon-centre .coupon-content .card-wrap .coupon-six {
                border: 1px solid #d7b175;
                border-top: 7px solid #d7b175;
                color: #d7b175;
                background-color: #fef9f3
            }

                .coupon-centre .coupon-content .card-wrap .coupon-six .product-limit {
                    border-top: 1px dashed #d7b175
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-six .product-limit .circle {
                        border: 1px solid #d7b175
                    }

                .coupon-centre .coupon-content .card-wrap .coupon-six .product-inspect-detail {
                    color: #d7b175
                }

            .coupon-centre .coupon-content .card-wrap .coupon-seven {
                border: 1px solid #7bb767;
                border-top: 7px solid #7bb767;
                color: #7bb767;
                background-color: #fbfffe
            }

                .coupon-centre .coupon-content .card-wrap .coupon-seven .product-limit {
                    border-top: 1px dashed #7bb767
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-seven .product-limit .circle {
                        border: 1px solid #7bb767
                    }

                .coupon-centre .coupon-content .card-wrap .coupon-seven .product-inspect-detail {
                    color: #7bb767
                }

            .coupon-centre .coupon-content .card-wrap .coupon-null {
                border: 1px solid #e0e0e0;
                border-top: 7px solid #e0e0e0;
                color: #e0e0e0;
                background-color: #fff
            }

                .coupon-centre .coupon-content .card-wrap .coupon-null .product-limit {
                    border-top: 1px dashed #e0e0e0
                }

                    .coupon-centre .coupon-content .card-wrap .coupon-null .product-limit .circle {
                        border: 1px solid #e0e0e0
                    }

                    .coupon-centre .coupon-content .card-wrap .coupon-null .product-limit .product-inspect-detail {
                        color: #e0e0e0
                    }

        .coupon-centre .coupon-content .empty-coupon-box {
            height: 290px;
            padding-top: 140px;
            text-align: center
        }

            .coupon-centre .coupon-content .empty-coupon-box .empty-coupon-img {
                display: inline-block
            }

            .coupon-centre .coupon-content .empty-coupon-box .empty-coupon-txt {
                padding-top: 16px;
                font-size: 18px;
                color: #999
            }

    .coupon-centre .no-seleted {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.coupon-product-content {
    position: relative;
    padding: 35px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .coupon-product-content .title-box {
        position: absolute;
        top: -38px;
        left: 0;
        height: 60px;
        width: 100%;
        line-height: 60px;
        padding: 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #fff;
        font-size: 20px;
        color: #333
    }

        .coupon-product-content .title-box .title-wrap {
            border-bottom: 1px solid #eee
        }

    .coupon-product-content .close-btn {
        display: inline-block;
        position: absolute;
        top: 21px;
        right: 20px;
        cursor: pointer
    }

    .coupon-product-content .table-wrapper {
        max-height: 380px;
        overflow-y: auto
    }

        .coupon-product-content .table-wrapper .coupono-table {
            width: 100%;
            border-top: 1px solid #eaeaea;
            border-right: 1px solid #eaeaea;
            font-size: 14px;
            color: #333
        }

            .coupon-product-content .table-wrapper .coupono-table .head {
                width: 100%;
                height: 20px;
                line-height: 20px;
                color: #999;
                background-color: #f2f2f2
            }

            .coupon-product-content .table-wrapper .coupono-table th, .coupon-product-content .table-wrapper .coupono-table td {
                height: 20px;
                padding: 10px;
                text-align: center;
                border-left: 1px solid #eaeaea;
                border-bottom: 1px solid #eaeaea
            }

            .coupon-product-content .table-wrapper .coupono-table .item-pure, .coupon-product-content .table-wrapper .coupono-table .item-num {
                width: 15%
            }

            .coupon-product-content .table-wrapper .coupono-table .product-detail {
                color: #333
            }

.relet-detail {
    width: 1080px;
    height: auto;
    background-color: #fff;
    padding: 0 40px 25px
}

    .relet-detail .detail-title {
        margin: 0px auto 28px 0;
        padding-top: 50px;
        font-size: 22px
    }

    .relet-detail .relet-head {
        border-top: 1px solid #e1e1e1
    }

        .relet-detail .relet-head .icon-relet-badge {
            display: inline-block;
            width: 97px;
            height: 46px;
            margin-left: -6px
        }

        .relet-detail .relet-head .icon-bind-phone {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: 8px 0 auto 10px;
            vertical-align: middle
        }

        .relet-detail .relet-head .icon-question-mark {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin: 8px 0 auto 10px;
            vertical-align: middle
        }

        .relet-detail .relet-head .check-before {
            margin-left: 15px;
            line-height: 30px
        }

    .relet-detail .order-info .order-title, .relet-detail .order-info .device-title, .relet-detail .device-info .order-title, .relet-detail .device-info .device-title {
        margin: 9px 0
    }

        .relet-detail .order-info .order-title .vertical-line, .relet-detail .order-info .device-title .vertical-line, .relet-detail .device-info .order-title .vertical-line, .relet-detail .device-info .device-title .vertical-line {
            display: block;
            width: 3px;
            height: 16px;
            background-color: #37a3ff;
            margin-top: 4px
        }

        .relet-detail .order-info .order-title .text, .relet-detail .order-info .device-title .text, .relet-detail .device-info .order-title .text, .relet-detail .device-info .device-title .text {
            font-size: 16px;
            margin-left: 13px
        }

    .relet-detail .order-info .order-item, .relet-detail .order-info .device-item, .relet-detail .device-info .order-item, .relet-detail .device-info .device-item {
        font-size: 14px;
        width: 100%;
        height: 32px;
        line-height: 32px;
        padding-left: 16px;
        margin-bottom: 9px
    }

    .relet-detail .padding-right20 {
        padding-right: 20px
    }

    .relet-detail .color-gray {
        color: #f3f3f3
    }

    .relet-detail .color-head {
        background-color: #fafafa
    }

    .relet-detail .color-body {
        background-color: #fff
    }

    .relet-detail .color-red {
        color: #ff0000
    }

    .relet-detail .color-blue {
        color: #37a3ff
    }

    .relet-detail .table {
        border: 1px solid #eaeaea
    }

        .relet-detail .table .head {
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: #f2f2f2
        }

            .relet-detail .table .head .item {
                padding-left: 15px;
                padding-right: 32px
            }

        .relet-detail .table .line-height40 {
            line-height: 40px
        }

        .relet-detail .table .inner-table {
            margin: 1% 1% 0;
            width: 98%
        }

        .relet-detail .table .check {
            text-align: right;
            line-height: 52px;
            margin-right: 1%
        }

        .relet-detail .table .padding18 {
            margin: 18px;
            display: inline-block
        }

.return-device {
    width: 1000px;
    height: auto;
    background-color: #fff;
    padding: 50px 40px
}

    .return-device .title {
        font-size: 22px
    }

    .return-device .tip {
        margin: 30px 0 19px;
        background-color: #40b4ff;
        line-height: 31px;
        color: #fff;
        padding-left: 10px;
        font-size: 12px
    }

    .return-device .details-cont .line-height40 {
        line-height: 40px
    }

    .return-device .none-content {
        left: -1px;
        top: 41px
    }

.address-box {
    width: 1078px;
    border-top: 10px solid #f9f9f9;
    padding: 0 20px;
    box-sizing: border-box
}

    .address-box .title-box {
        height: 50px;
        line-height: 50px;
        padding: 0;
        color: #464646;
        font-size: 16px;
        border-bottom: 1px solid #f3f3f3
    }

    .address-box .address-tip {
        height: 60px;
        line-height: 60px;
        font-size: 12px
    }

        .address-box .address-tip .address-list-title {
            color: #888888
        }

            .address-box .address-tip .address-list-title label {
                display: inline-block;
                margin: 0 3px;
                color: #fa232c
            }

        .address-box .address-tip .multiple-delete-btn, .address-box .address-tip .add-btn {
            float: right;
            height: 25px;
            line-height: 23px;
            padding: 0 8px;
            margin-top: 20px;
            border: 1px solid #dddddd
        }

            .address-box .address-tip .multiple-delete-btn:hover, .address-box .address-tip .add-btn:hover {
                border: 1px solid #37a3ff;
                color: #37a3ff;
                box-shadow: none
            }

        .address-box .address-tip .multiple-delete-btn {
            margin-right: 10px
        }

    .address-box .address-table {
        border: 1px solid #e8e8e8;
        border-bottom: none;
        width: 1040px;
        color: #666666
    }

        .address-box .address-table a {
            color: #888888
        }

            .address-box .address-table a:hover {
                color: #37a3ff
            }

        .address-box .address-table th, .address-box .address-table td {
            padding: 12px 10px;
            box-sizing: border-box;
            text-align: left;
            word-break: break-all
        }

        .address-box .address-table th {
            height: 20px;
            line-height: 20px;
            background: #f7f7f7;
            font-size: 12px;
            font-weight: normal
        }

        .address-box .address-table tr {
            border-bottom: 1px solid #e8e8e8
        }

        .address-box .address-table .table-row {
            height: 24px;
            line-height: 24px;
            font-size: 14px;
            color: #888888
        }

            .address-box .address-table .table-row td {
                padding: 18px 10px 17px
            }

            .address-box .address-table .table-row .address-column {
                padding-right: 65px
            }

            .address-box .address-table .table-row .set-default-tip.focus {
                width: 84px;
                height: 24px;
                background: #37A3FF;
                color: #fff;
                display: inline-block;
                line-height: 24px;
                text-align: center
            }

            .address-box .address-table .table-row .separate {
                margin: 0 13px;
                color: #cccccc
            }

        .address-box .address-table .user-column {
            width: 145px
        }

        .address-box .address-table .address-column {
            width: 425px
        }

        .address-box .address-table .phone-column {
            width: 165px
        }

        .address-box .address-table .edit-column {
            width: 270px
        }

.address-form {
    background-color: #fff;
    padding: 20px
}

    .address-form .row {
        overflow: hidden;
        clear: both
    }

        .address-form .row .label {
            display: block;
            float: left;
            width: 115px;
            height: 60px;
            line-height: 30px;
            margin-right: 10px;
            text-align: right
        }

            .address-form .row .label b {
                color: #fd2323
            }

        .address-form .row .input-box {
            float: left
        }

            .address-form .row .input-box .form-text {
                width: 220px;
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                border: 1px solid #B3B3B3;
                color: #424344
            }

            .address-form .row .input-box .error-prompt {
                margin: 5px 0
            }

        .address-form .row select {
            width: 100px;
            height: 30px;
            line-height: 30px;
            padding-left: 10px;
            border: 1px solid #B3B3B3;
            color: #424344
        }

    .address-form .submit-btn {
        border: 0;
        cursor: pointer;
        width: 150px;
        height: 35px;
        line-height: 35px;
        background: #37a3ff;
        color: #fff;
        font-size: 13px;
        text-align: center;
        border-radius: 3px
    }

        .address-form .submit-btn:hover {
            background: #1073C7
        }

.order-detail .order-info {
    position: relative;
    width: 1078px;
    border: 0;
    background: #fff
}

    .order-detail .order-info .no-express-reason {
        color: #ff0000
    }

    .order-detail .order-info .go-pay {
        display: inline-block;
        color: #e33a3c;
        float: right;
        margin: 0 24px 0 20px
    }

    .order-detail .order-info .page-title {
        position: relative
    }

        .order-detail .order-info .page-title .title-bg, .order-detail .order-info .page-title .title-bg-allot {
            margin: 10px 30px 5px -7px;
            display: inline-block;
            width: 97px;
            height: 46px
        }

        .order-detail .order-info .page-title .title-bg {
            background-image: url(../images/relet-badge.png)
        }

        .order-detail .order-info .page-title .title-text {
            position: absolute;
            top: 13px
        }

        .order-detail .order-info .page-title .icon-question {
            position: absolute;
            left: 100px;
            top: 17px;
            z-index: 9
        }

        .order-detail .order-info .page-title .title-bg-allot {
            background-image: url("../images/allow-type-badge.png")
        }

        .order-detail .order-info .page-title .title-bt-txt {
            display: inline-block;
            padding-left: 16px;
            line-height: 28px;
            font-size: 16px;
            color: #fff
        }

    .order-detail .order-info h4, .order-detail .order-info .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-detail .order-info p {
        width: 1078px;
        height: 36px;
        line-height: 36px;
        background-color: #fff;
        padding-left: 20px;
        font-weight: 700;
        font-size: 16px
    }

    .order-detail .order-info .order-content {
        width: 1042px;
        background-color: #fff;
        padding: 0 20px;
        overflow: auto
    }

        .order-detail .order-info .order-content ul {
            width: 100%;
            height: auto;
            padding: 12px 0;
            border-bottom: 1px dashed #ccc;
            position: relative
        }

            .order-detail .order-info .order-content ul li {
                position: relative;
                height: 24px;
                line-height: 24px;
                margin-bottom: 8px;
                color: #666d71
            }

                .order-detail .order-info .order-content ul li h5 {
                    font-size: 14px;
                    font-weight: 700;
                    color: #666d71
                }

                .order-detail .order-info .order-content ul li i {
                    color: #666d71
                }

                .order-detail .order-info .order-content ul li label {
                    color: #666d71;
                    margin-right: 14px
                }

                .order-detail .order-info .order-content ul li .order-color {
                    color: #37a3ff;
                    font-weight: 600
                }

                .order-detail .order-info .order-content ul li .group-phone {
                    margin-right: 40px
                }

                .order-detail .order-info .order-content ul li .group-tip {
                    font-size: 12px;
                    color: #37a3ff
                }

                .order-detail .order-info .order-content ul li.height-auto {
                    height: auto
                }

            .order-detail .order-info .order-content ul:nth-child(1) {
                border-bottom: none
            }

        .order-detail .order-info .order-content .express-box {
            position: relative;
            left: -16px;
            top: 3px;
            width: 1070px;
            z-index: 999;
            border: 1px solid #eee;
            border-radius: 6px;
            background-color: #fffefe;
            display: none
        }

            .order-detail .order-info .order-content .express-box h3 {
                height: 30px;
                line-height: 30px;
                border-bottom: 1px solid #ccc;
                background: #f2f2f2;
                font-weight: 600;
                text-indent: 20px;
                color: #666d71
            }

            .order-detail .order-info .order-content .express-box .express-detail {
                width: 95%;
                padding-bottom: 20px;
                background-color: #fff;
                padding: 0 20px;
                border: none;
                background: 0 0
            }

                .order-detail .order-info .order-content .express-box .express-detail table {
                    width: 100%
                }

                    .order-detail .order-info .order-content .express-box .express-detail table td {
                        border: 1px solid #ccc;
                        text-align: center;
                        padding: 5px
                    }

                .order-detail .order-info .order-content .express-box .express-detail ul {
                    width: 100%;
                    height: auto;
                    padding: 12px 0;
                    border: 0
                }

                    .order-detail .order-info .order-content .express-box .express-detail ul li {
                        float: inherit;
                        width: 100%;
                        height: 24px;
                        line-height: 24px;
                        margin-bottom: 8px;
                        color: #666d71
                    }

                        .order-detail .order-info .order-content .express-box .express-detail ul li h5 {
                            font-size: 14px;
                            font-weight: 700;
                            color: #666d71
                        }

                        .order-detail .order-info .order-content .express-box .express-detail ul li i {
                            color: #666d71
                        }

                        .order-detail .order-info .order-content .express-box .express-detail ul li label {
                            color: #666d71;
                            margin-right: 14px
                        }

    .order-detail .order-info .service-order-wrap {
        margin-left: 30px
    }

    .order-detail .order-info .item {
        font-size: 14px;
        width: 100%;
        height: 32px;
        line-height: 32px;
        padding-left: 16px
    }

        .order-detail .order-info .item .vertical-line {
            top: 0;
            left: -5px;
            vertical-align: middle;
            font-size: 0;
            color: #37A3FF
        }

        .order-detail .order-info .item.height-auto {
            height: auto
        }

        .order-detail .order-info .item .label-txt, .order-detail .order-info .item .log-list {
            display: inline-block;
            vertical-align: top
        }

    .order-detail .order-info ul.order-info .buyout-item {
        margin-left: 16px;
        margin-bottom: 2px
    }

    .order-detail .order-info .buyout-item {
        font-size: 13px;
        color: #333
    }

        .order-detail .order-info .buyout-item .check-express-btn {
            margin-right: 10px
        }

    .order-detail .order-info .title {
        margin-left: -2px;
        font-weight: 700;
        font-size: 16px
    }

    .order-detail .order-info .check-express-btn {
        display: none;
        margin-left: 10px;
        color: #37a3ff;
        cursor: pointer
    }

    .order-detail .order-info .express-close-btn {
        display: block;
        position: absolute;
        right: 10px;
        top: -2px;
        font-size: 28px;
        font-weight: bold;
        color: #c3c4c5
    }

    .order-detail .order-info .check-report-wrap {
        position: absolute;
        display: inline-block;
        width: 105px;
        right: 0;
        top: 6px
    }

.order-detail .check-bill-btn {
    float: right;
    height: 35px;
    line-height: 35px;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
    color: #37a3ff;
    cursor: pointer
}

.order-detail .check-bill-info {
    padding: 8px 0
}

    .order-detail .check-bill-info ul {
        display: none
    }

        .order-detail .check-bill-info ul li {
            float: left;
            width: 134px;
            padding: 7px 8px;
            margin: 0 10px 10px;
            border: 1px solid #ccc;
            background: #f9f9f9
        }

            .order-detail .check-bill-info ul li p {
                height: 20px;
                text-align: left;
                margin-top: 8px
            }

            .order-detail .check-bill-info ul li a {
                color: #000
            }

            .order-detail .check-bill-info ul li .bill-left {
                display: block;
                float: left
            }

            .order-detail .check-bill-info ul li .bill-right {
                display: block;
                float: right
            }

    .order-detail .check-bill-info .bill-table {
        width: 100%;
        margin: 0 auto;
        border: 1px solid #eee
    }

        .order-detail .check-bill-info .bill-table tr {
            line-height: 40px
        }

            .order-detail .check-bill-info .bill-table tr th {
                background-color: #f2f2f2
            }

            .order-detail .check-bill-info .bill-table tr th, .order-detail .check-bill-info .bill-table tr td {
                border: 1px solid #eee;
                text-align: center
            }

                .order-detail .check-bill-info .bill-table tr td .sale-tip {
                    display: inline-block;
                    font-size: 12px;
                    line-height: 17px;
                    border-radius: 2px;
                    padding: 1px 3px;
                    color: #ea521b;
                    background-color: #fae3db;
                    vertical-align: text-bottom;
                    position: relative;
                    cursor: pointer;
                    margin-right: 4px
                }

                    .order-detail .check-bill-info .bill-table tr td .sale-tip .sale-hover-tip {
                        display: none;
                        position: absolute;
                        left: -1px;
                        top: -22px;
                        background: #fff;
                        border: 1px solid #e8e8e8;
                        padding: 1px 3px;
                        font-size: 13px;
                        color: #666666;
                        box-shadow: 3px 3px 3px 0px #b9b9b9;
                        white-space: nowrap
                    }

                    .order-detail .check-bill-info .bill-table tr td .sale-tip:hover .sale-hover-tip {
                        display: block
                    }

                .order-detail .check-bill-info .bill-table tr td.num-td {
                    position: relative;
                    width: 130px
                }

        .order-detail .check-bill-info .bill-table .red {
            color: red
        }

.order-detail .order-box {
    margin: 0 auto;
    padding-bottom: 20px;
    width: 1042px;
    background: #fff
}

    .order-detail .order-box .order-price {
        padding: 10px 0
    }

        .order-detail .order-box .order-price span {
            display: inline-block;
            width: 200px;
            font-size: 14px;
            color: #666d71
        }

        .order-detail .order-box .order-price .deposit-amount {
            width: auto;
            font-size: 14px;
            color: red
        }

        .order-detail .order-box .order-price .order-title {
            font-size: 14px;
            color: #37a3ff
        }

    .order-detail .order-box .order-wrap {
        margin-bottom: 10px
    }

    .order-detail .order-box .order-ul {
        position: relative;
        width: 1010px;
        height: 30px;
        padding-left: 30px;
        background: #e1eef7
    }

        .order-detail .order-box .order-ul li {
            float: left;
            width: 200px;
            line-height: 30px;
            margin-right: 30px
        }

            .order-detail .order-box .order-ul li a {
                color: #37a3ff
            }

        .order-detail .order-box .order-ul .rent-type-li {
            width: 175px;
            margin-right: 10px
        }

        .order-detail .order-box .order-ul .buyout-tip {
            margin-right: 10px
        }

        .order-detail .order-box .order-ul .cancle-order-btn {
            width: auto
        }

        .order-detail .order-box .order-ul .width-220 {
            width: 220px
        }

        .order-detail .order-box .order-ul .width-170 {
            width: 170px
        }

        .order-detail .order-box .order-ul .order-process {
            position: absolute;
            left: 0;
            top: 33px;
            width: 1038px;
            z-index: 555;
            display: none
        }

            .order-detail .order-box .order-ul .order-process .order-processwrap {
                height: 96px;
                border-radius: 4px;
                background: #fff;
                border: 1px solid #eee;
                position: relative
            }

            .order-detail .order-box .order-ul .order-process .order-process-stick {
                position: absolute;
                left: 50px;
                top: 30px
            }

            .order-detail .order-box .order-ul .order-process li {
                width: 130px;
                height: 5px;
                background-color: #d9dcdf;
                float: left;
                position: relative
            }

                .order-detail .order-box .order-ul .order-process li span {
                    display: block;
                    width: 37px;
                    height: 37px;
                    border-radius: 100%;
                    background-image: url(../images/bz_bj_won_03.png);
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    margin: -19px 0 0 -18px
                }

                .order-detail .order-box .order-ul .order-process li i {
                    width: 100%;
                    height: 24px;
                    line-height: 24px;
                    text-align: center;
                    color: #666d71;
                    position: absolute;
                    left: 0;
                    top: 28px
                }

                .order-detail .order-box .order-ul .order-process li.on {
                    background-color: #1173ab
                }

                    .order-detail .order-box .order-ul .order-process li.on span {
                        background-image: url(../images/bz_bj_06.png)
                    }

    .order-detail .order-box .order-table {
        width: 98%;
        margin: 0 auto;
        border: 1px solid #eee
    }

        .order-detail .order-box .order-table td, .order-detail .order-box .order-table th {
            border: 1px solid #eee;
            text-align: center
        }

        .order-detail .order-box .order-table th {
            height: 30px;
            line-height: 30px;
            background: #f2f2f2
        }

        .order-detail .order-box .order-table td {
            padding: 5px;
            vertical-align: middle
        }

        .order-detail .order-box .order-table .device-detail {
            font-size: 12px
        }

            .order-detail .order-box .order-table .device-detail .increase-service {
                width: 260px;
                line-height: 24px;
                text-align: right;
                margin-left: 25px;
                padding-bottom: 10px
            }

            .order-detail .order-box .order-table .device-detail .increase-guarantee {
                background-color: #00f;
                color: #fff;
                padding: 0 5px;
                margin-left: -9px
            }

            .order-detail .order-box .order-table .device-detail .order-increase-guarantee {
                line-height: 21px;
                margin-left: -17px
            }

            .order-detail .order-box .order-table .device-detail .service-add-main p {
                line-height: 22px;
                text-align: left;
                color: #333
            }

            .order-detail .order-box .order-table .device-detail .sale-price {
                color: #eb5f31
            }

                .order-detail .order-box .order-table .device-detail .sale-price .sale-tip {
                    display: inline-block;
                    line-height: 17px;
                    border-radius: 2px;
                    padding: 1px 3px;
                    color: #ea521b;
                    background-color: #fae3db;
                    vertical-align: text-bottom;
                    position: relative;
                    cursor: pointer;
                    margin-right: 4px
                }

                    .order-detail .order-box .order-table .device-detail .sale-price .sale-tip .sale-hover-tip {
                        display: none;
                        position: absolute;
                        left: -1px;
                        top: -22px;
                        background: #fff;
                        border: 1px solid #e8e8e8;
                        padding: 1px 3px;
                        color: #666666;
                        box-shadow: 3px 3px 3px 0px #b9b9b9;
                        white-space: nowrap
                    }

                    .order-detail .order-box .order-table .device-detail .sale-price .sale-tip:hover .sale-hover-tip {
                        display: block
                    }

                .order-detail .order-box .order-table .device-detail .sale-price .old {
                    color: #999999;
                    text-decoration: line-through
                }

.order-detail .order-total {
    margin: 10px 20px 0;
    padding: 10px;
    border-top: 1px dashed #ccc
}

    .order-detail .order-total h4, .order-detail .order-total .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-detail .order-total p {
        width: 1040px;
        height: 32px;
        line-height: 32px;
        color: #1173ab;
        font-size: 14px;
        font-weight: 700;
        background-color: #f2faff;
        padding: 0 20px
    }

    .order-detail .order-total .order-sell {
        width: 1040px;
        height: 160px;
        padding: 16px 20px;
        background-color: #fff
    }

.order-detail .total-wrap ul {
    float: right;
    width: 220px;
    height: auto
}

    .order-detail .total-wrap ul li {
        width: 100%;
        height: 30px;
        line-height: 30px
    }

        .order-detail .total-wrap ul li span {
            display: inline-block;
            float: left;
            width: 108px;
            height: 30px;
            line-height: 30px;
            text-align: right;
            color: #666d71
        }

        .order-detail .total-wrap ul li b {
            display: inline-block;
            width: 108px;
            height: 30px;
            line-height: 30px;
            text-align: right;
            color: #1173ab;
            float: right;
            font-weight: bold
        }

    .order-detail .total-wrap ul i {
        display: inline-block;
        width: 108px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        float: right;
        font-weight: 700;
        color: #fe4979;
        font-size: 14px
    }

.order-detail .product-info-td {
    position: relative
}

.order-detail .device-detail-title {
    font-weight: normal;
    color: #000
}

.order-detail .service-detail-link {
    font-size: 13px;
    font-weight: normal;
    color: #37a3ff
}

.order-detail .text-color-blue {
    color: #37A3FF;
    margin-left: 127px
}

.order-detail .txt-blue {
    color: #37A3FF
}

.order-detail .service-dl {
    margin: 10px 0 0 0
}

.order-detail .added_service {
    display: inline-block;
    width: 104px;
    text-align: left
}

.order-detail .service-add-main {
    max-width: 195px;
    margin: 0 0 5px 0
}

    .order-detail .service-add-main p {
        text-align: left
    }

.order-detail .device-detail-table {
    position: absolute;
    left: -425px;
    top: -2px;
    width: 478px;
    height: 150px;
    overflow-y: scroll;
    background: #fff;
    border: 1px solid #ccc;
    display: none
}

.order-detail .to-device {
    position: relative
}

    .order-detail .to-device a {
        color: #37a3ff
    }

.order-detail .cancle-order-btn2 {
    margin-left: 200px;
    width: 60px !important
}

.order-detail .cancle-btn-color {
    color: #37a3ff
}

.order-detail .color-red {
    color: red
}

.order-detail .no-order-info {
    text-align: center
}

.pre-pay-dialog-box .advancepay-wrap {
    width: 900px;
    margin: -340px 0 0 -450px;
    border-radius: 5px
}

    .pre-pay-dialog-box .advancepay-wrap .pre-title-box {
        padding: 16px 20px;
        font-size: 16px;
        border-radius: 5px;
        color: #333;
        background-color: #f2f2f2
    }

        .pre-pay-dialog-box .advancepay-wrap .pre-title-box .icon-modal-close {
            display: inline-block;
            position: absolute;
            right: 20px;
            top: 18px;
            cursor: pointer
        }

    .pre-pay-dialog-box .advancepay-wrap .advancepay-content {
        padding: 0 20px;
        font-size: 12px;
        color: #333
    }

        .pre-pay-dialog-box .advancepay-wrap .advancepay-content .tip-txt-box {
            padding: 20px 0;
            font-size: 12px;
            color: #333;
            border-bottom: 1px dashed #ddd
        }

            .pre-pay-dialog-box .advancepay-wrap .advancepay-content .tip-txt-box .pay-rule-title {
                font-size: 14px;
                font-weight: bold;
                padding-bottom: 16px
            }

            .pre-pay-dialog-box .advancepay-wrap .advancepay-content .tip-txt-box .pay-rule-txt {
                padding-bottom: 8px
            }

    .pre-pay-dialog-box .advancepay-wrap .bill-month-pre-content .show-pre-pay-top {
        padding-top: 10px
    }

    .pre-pay-dialog-box .advancepay-wrap .pay-top {
        padding: 20px 0
    }

        .pre-pay-dialog-box .advancepay-wrap .pay-top .search-pre-order-box .search-pre-title {
            font-size: 14px;
            font-weight: bold
        }

        .pre-pay-dialog-box .advancepay-wrap .pay-top .search-pre-order-box .pre-order-ipt {
            height: 30px;
            width: 160px;
            margin-right: 10px
        }

        .pre-pay-dialog-box .advancepay-wrap .pay-top .search-pre-order-box .search-order-btn {
            padding: 7px 18px;
            color: #fff;
            background-color: #37a3ff
        }

        .pre-pay-dialog-box .advancepay-wrap .pay-top .month-radio {
            padding-right: 50px
        }

            .pre-pay-dialog-box .advancepay-wrap .pay-top .month-radio .month-ipt {
                position: relative;
                bottom: 1px;
                margin-right: 10px
            }

        .pre-pay-dialog-box .advancepay-wrap .pay-top .pre-bill-tip {
            padding-top: 16px;
            color: #999
        }

    .pre-pay-dialog-box .advancepay-wrap .pay-content {
        height: 252px;
        overflow: auto
    }

        .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table {
            width: 100%
        }

            .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .head-tr {
                border: 1px solid #e1e1e1;
                background-color: #E6ECF0
            }

                .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .head-tr th {
                    padding: 15px 5px;
                    border: 1px solid #e1e1e1;
                    font-weight: normal
                }

                    .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .head-tr th .all-phase {
                        display: inline-block;
                        cursor: pointer
                    }

            .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .cont-tr {
                border: 1px solid #e1e1e1
            }

                .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .cont-tr td {
                    padding: 10px 5px;
                    border: 1px solid #e1e1e1;
                    text-align: center
                }

                    .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .cont-tr td .phase-check {
                        display: inline-block;
                        cursor: pointer
                    }

            .pre-pay-dialog-box .advancepay-wrap .pay-content .order-table .disable-tr {
                color: #999
            }

    .pre-pay-dialog-box .advancepay-wrap .pay-tip-box {
        padding-top: 20px
    }

        .pre-pay-dialog-box .advancepay-wrap .pay-tip-box .tip-num-box {
            padding: 12px 0;
            font-size: 14px;
            text-align: center;
            color: #333;
            background-color: #E6ECF0
        }

            .pre-pay-dialog-box .advancepay-wrap .pay-tip-box .tip-num-box .pre-bill-num {
                font-size: 16px
            }

            .pre-pay-dialog-box .advancepay-wrap .pay-tip-box .tip-num-box .pre-line {
                display: inline-block;
                height: 12px;
                margin: 0 15px;
                border-right: 1px solid #ccc
            }

    .pre-pay-dialog-box .advancepay-wrap .pay-footer {
        padding-top: 20px;
        text-align: center;
        font-size: 0
    }

        .pre-pay-dialog-box .advancepay-wrap .pay-footer .cancle-btn {
            padding: 10px 43px;
            margin-left: 20px;
            color: #009dff;
            background-color: #fff;
            border: 1px solid #009dff;
            font-size: 16px
        }

        .pre-pay-dialog-box .advancepay-wrap .pay-footer .pay-btn {
            padding: 10px 43px;
            font-size: 16px;
            color: #fff;
            background-color: #009dff
        }

.pre-pay-dialog-box .sure-pre-pay-wrap {
    width: 430px;
    margin: -250px 0 0 -215px;
    border-radius: 5px
}

    .pre-pay-dialog-box .sure-pre-pay-wrap .pre-title-box {
        position: relative;
        height: 48px;
        font-size: 16px;
        border-radius: 5px;
        color: #333;
        background-color: #f2f2f2
    }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pre-title-box .sure-prepay-cancle {
            display: inline-block;
            position: absolute;
            top: 16.5px;
            right: 20px;
            cursor: pointer
        }

    .pre-pay-dialog-box .sure-pre-pay-wrap .advancepay-content {
        padding: 0 30px;
        font-size: 12px;
        color: #333
    }

    .pre-pay-dialog-box .sure-pre-pay-wrap .pay-title {
        padding: 20px 0 30px;
        text-align: center;
        font-size: 16px;
        font-weight: bold
    }

    .pre-pay-dialog-box .sure-pre-pay-wrap .sure-prepay-subtitle {
        line-height: 20px
    }

    .pre-pay-dialog-box .sure-pre-pay-wrap .sure-pre-content {
        line-height: 20px
    }

    .pre-pay-dialog-box .sure-pre-pay-wrap .pay-footer {
        padding-top: 38px;
        text-align: center;
        font-size: 0
    }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pay-footer .cancle-btn {
            padding: 10px 38px;
            margin-left: 20px;
            border: 1px solid #009dff;
            border-radius: 2px;
            font-size: 16px;
            color: #009dff;
            background-color: #fff
        }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pay-footer .pay-btn {
            padding: 10px 23px;
            font-size: 16px;
            border-radius: 2px;
            color: #fff;
            background-color: #009dff
        }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pay-footer .sure-prepay {
            margin-left: 20px;
            padding: 9px 23px;
            border: 1px solid #009dff;
            color: #009dff;
            background-color: #fff
        }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pay-footer .sure-month-prepay {
            padding: 10px 15px
        }

    .pre-pay-dialog-box .sure-pre-pay-wrap .pre-tip {
        padding-top: 20px;
        text-align: center;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        -khtml-user-select: none;
        user-select: none
    }

        .pre-pay-dialog-box .sure-pre-pay-wrap .pre-tip .pre-sure-rule {
            display: inline-block;
            position: relative;
            top: 5px;
            right: 8px;
            cursor: pointer
        }

.center-right .content-box {
    position: relative;
    padding: 0 20px
}

    .center-right .content-box .top-box {
        width: 100%;
        height: 90px
    }

        .center-right .content-box .top-box .title {
            float: left;
            line-height: 90px;
            font-size: 18px
        }

        .center-right .content-box .top-box .search-box {
            float: right;
            text-align: right;
            line-height: 90px;
            color: #666d71
        }

            .center-right .content-box .top-box .search-box .search-txt {
                width: 178px;
                height: 24px;
                line-height: 22px;
                border: 1px solid #e4e4e4;
                padding-left: 4px;
                display: inline-block;
                margin-right: 12px;
                font-size: 100%;
                vertical-align: middle;
                background-color: white
            }

            .center-right .content-box .top-box .search-box .search-btn {
                width: 56px;
                height: 24px;
                line-height: 24px;
                background: #37a3ff;
                color: #fff;
                font-size: 12px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer
            }

    .center-right .content-box .tab-box {
        margin-bottom: 20px;
        border-bottom: 1px solid #e1e1e1;
        font-size: 15px
    }

        .center-right .content-box .tab-box .tab-item {
            display: inline-block;
            padding: 10px;
            cursor: pointer
        }

        .center-right .content-box .tab-box .item-on {
            color: #37a3ff;
            border-bottom: 2px solid #37a3ff
        }

.data-table {
    width: 100%
}

    .data-table .table-head {
        height: 40px
    }

        .data-table .table-head td {
            background-color: #d9e5ef;
            text-align: center;
            border: none;
            line-height: 20px
        }

            .data-table .table-head td .order-date-select, .data-table .table-head td .order-state-select {
                height: 20px;
                line-height: 20px;
                margin-top: 5px
            }

    .data-table .go-category {
        text-align: center;
        height: 200px;
        line-height: 200px
    }

        .data-table .go-category a {
            color: #37a3ff
        }

    .data-table .order-item {
        margin-top: 18px;
        font-size: 12px;
        background: #fff
    }

        .data-table .order-item.non-separate-warehouse .warehouse-name {
            display: none
        }

        .data-table .order-item .split-order-item-head {
            height: 45px;
            padding: 10px 0 10px;
            background: #f8f8f8;
            position: relative;
            border: 1px solid #e1e1e1;
            border-bottom: none
        }

            .data-table .order-item .split-order-item-head p {
                font-weight: 600;
                margin-bottom: 5px;
                text-indent: 20px
            }

            .data-table .order-item .split-order-item-head .order-info dt {
                padding-left: 20px
            }

                .data-table .order-item .split-order-item-head .order-info dt span {
                    display: inline-block;
                    margin-right: 15px
                }

                    .data-table .order-item .split-order-item-head .order-info dt span a {
                        color: #37a3ff
                    }

            .data-table .order-item .split-order-item-head .btn-box {
                display: block;
                position: absolute;
                right: 21px;
                top: 22px
            }

                .data-table .order-item .split-order-item-head .btn-box .view-order {
                    color: #37a3ff;
                    margin-right: 15px
                }

                .data-table .order-item .split-order-item-head .btn-box .pay-order {
                    width: 64px;
                    height: 24px;
                    line-height: 24px;
                    background: #37a3ff;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    border-radius: 3px;
                    position: relative;
                    right: 0;
                    top: -2px;
                    cursor: pointer;
                    display: block
                }

        .data-table .order-item .order-item-header {
            position: relative;
            height: 40px;
            line-height: 40px;
            background: #E6ECF0;
            border: 1px solid #e1e1e1;
            border-bottom: none
        }

            .data-table .order-item .order-item-header.is-first {
                border-top: none
            }

            .data-table .order-item .order-item-header dt {
                line-height: 40px;
                padding-left: 12px
            }

                .data-table .order-item .order-item-header dt span {
                    display: inline-block;
                    margin-right: 25px;
                    color: #333333
                }

                    .data-table .order-item .order-item-header dt span .view-order {
                        color: #37a3ff
                    }

                    .data-table .order-item .order-item-header dt span.warehouse-name {
                        margin-right: 0;
                        color: #37a3ff
                    }

            .data-table .order-item .order-item-header dd {
                padding-right: 6px;
                height: 40px;
                line-height: 40px
            }

                .data-table .order-item .order-item-header dd a {
                    display: inline-block;
                    margin-right: 15px;
                    color: #333;
                    -moz-transition: color .25s ease-in-out;
                    -o-transition: color .25s ease-in-out;
                    -webkit-transition: color .25s ease-in-out;
                    transition: color .25s ease-in-out
                }

                    .data-table .order-item .order-item-header dd a:hover {
                        color: #37a3ff;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

                .data-table .order-item .order-item-header dd .pay-order {
                    width: 64px;
                    height: 24px;
                    line-height: 24px;
                    background: #37a3ff;
                    color: #fff;
                    font-size: 12px;
                    text-align: center;
                    border-radius: 3px;
                    position: relative;
                    right: 0;
                    top: 8px;
                    display: inline-block;
                    cursor: pointer
                }

        .data-table .order-item .order-info-table tr td {
            text-align: center;
            border: 1px solid #e1e1e1;
            vertical-align: middle;
            position: relative;
            line-height: 18px;
            background: none
        }

            .data-table .order-item .order-info-table tr td a {
                color: #333;
                -moz-transition: color .25s ease-in-out;
                -o-transition: color .25s ease-in-out;
                -webkit-transition: color .25s ease-in-out;
                transition: color .25s ease-in-out
            }

                .data-table .order-item .order-info-table tr td a:hover {
                    color: #37a3ff;
                    -moz-transition: color .25s ease-in-out;
                    -o-transition: color .25s ease-in-out;
                    -webkit-transition: color .25s ease-in-out;
                    transition: color .25s ease-in-out
                }

        .data-table .order-item .order-info-table tr .detail-td table {
            color: #333
        }

            .data-table .order-item .order-info-table tr .detail-td table td {
                border: none;
                text-align: left
            }

            .data-table .order-item .order-info-table tr .detail-td table .img-and-title {
                height: 110px
            }

                .data-table .order-item .order-info-table tr .detail-td table .img-and-title .img-td {
                    padding-left: 12px
                }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .img-td img {
                        display: block;
                        width: 85px;
                        height: 84px
                    }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .img-td .pay-type {
                        position: absolute;
                        top: 0;
                        left: 0;
                        background: #ff9800;
                        color: #fff;
                        padding: 4px
                    }

                .data-table .order-item .order-info-table tr .detail-td table .img-and-title .title-td {
                    padding-right: 5px
                }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .title-td a {
                        color: #333
                    }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .title-td .combo_rent {
                        margin-top: 10px
                    }

                        .data-table .order-item .order-info-table tr .detail-td table .img-and-title .title-td .combo_rent a {
                            color: #37a3ff
                        }

                .data-table .order-item .order-info-table tr .detail-td table .img-and-title .num-td {
                    padding-left: 16px;
                    border-left: 1px solid #e1e1e1
                }

                .data-table .order-item .order-info-table tr .detail-td table .img-and-title .relet-icon {
                    display: inline-block;
                    line-height: 17px;
                    text-align: center;
                    color: #fff;
                    position: absolute;
                    right: 0;
                    top: 0;
                    padding-top: 7px
                }

                .data-table .order-item .order-info-table tr .detail-td table .img-and-title .relet-icon, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .orderSubscriptcon, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .allot, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .no-return {
                    cursor: pointer
                }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .relet-icon .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .orderSubscriptcon .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .allot .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .no-return .tip-box {
                        display: none;
                        position: absolute;
                        right: 43px;
                        top: 0;
                        width: 200px;
                        background: #fff;
                        z-index: 1;
                        border: 1px solid #e8e8e8;
                        padding: 10px;
                        color: #666666;
                        box-shadow: 3px 3px 3px 0px #b9b9b9
                    }

                    .data-table .order-item .order-info-table tr .detail-td table .img-and-title .relet-icon:hover .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .orderSubscriptcon:hover .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .allot:hover .tip-box, .data-table .order-item .order-info-table tr .detail-td table .img-and-title .no-return:hover .tip-box {
                        display: block
                    }

            .data-table .order-item .order-info-table tr .detail-td table .service-dl {
                border-top: 1px solid #e1e1e1
            }

                .data-table .order-item .order-info-table tr .detail-td table .service-dl td {
                    padding-left: 6px
                }

            .data-table .order-item .order-info-table tr .detail-td table .service-add-main {
                height: 30px
            }

                .data-table .order-item .order-info-table tr .detail-td table .service-add-main p {
                    line-height: 22px
                }

        .data-table .order-item .order-info-table tr .rent-td {
            padding: 10px 0
        }

            .data-table .order-item .order-info-table tr .rent-td div {
                margin-bottom: 10px
            }

            .data-table .order-item .order-info-table tr .rent-td .sale-tip {
                display: inline-block;
                line-height: 17px;
                border-radius: 2px;
                padding: 1px 3px;
                color: #ea521b;
                background-color: #fae3db;
                vertical-align: bottom;
                position: relative;
                cursor: pointer
            }

                .data-table .order-item .order-info-table tr .rent-td .sale-tip .sale-hover-tip {
                    display: none;
                    position: absolute;
                    left: -1px;
                    top: -22px;
                    background: #fff;
                    border: 1px solid #e8e8e8;
                    padding: 1px 3px;
                    color: #666666;
                    box-shadow: 3px 3px 3px 0px #b9b9b9;
                    white-space: nowrap
                }

                .data-table .order-item .order-info-table tr .rent-td .sale-tip:hover .sale-hover-tip {
                    display: block
                }

            .data-table .order-item .order-info-table tr .rent-td .sale-price {
                color: #eb5f31
            }

            .data-table .order-item .order-info-table tr .rent-td .old {
                color: #999999
            }

                .data-table .order-item .order-info-table tr .rent-td .old .old-price {
                    text-decoration: line-through
                }

        .data-table .order-item .order-info-table tr .receiver-td .icon-book {
            display: inline-block;
            top: 2px;
            position: relative;
            cursor: pointer
        }

            .data-table .order-item .order-info-table tr .receiver-td .icon-book .receiver-info-box {
                display: none;
                position: absolute;
                right: -14px;
                bottom: 18px;
                background: #fff;
                border: 1px solid #e8e8e8;
                padding: 10px 10px 12px 15px;
                color: #666666;
                box-shadow: 3px 3px 3px 0px #b9b9b9
            }

            .data-table .order-item .order-info-table tr .receiver-td .icon-book:hover .receiver-info-box {
                display: block
            }

        .data-table .order-item .order-info-table tr .state-td .red {
            color: red
        }

        .data-table .order-item .remark-tr {
            width: 100%
        }

            .data-table .order-item .remark-tr td {
                height: 46px;
                padding-left: 20px;
                text-align: left;
                border: 1px solid #e1e1e1;
                border-top: none;
                vertical-align: middle;
                color: #333
            }

        .data-table .order-item .verify-box {
            display: inline-block;
            position: relative;
            width: 16px;
            height: 15px
        }

            .data-table .order-item .verify-box:hover .verify-tip {
                display: block
            }

            .data-table .order-item .verify-box .icon-no-stock-warn {
                display: inline-block;
                position: absolute;
                top: 2px
            }

            .data-table .order-item .verify-box .verify-tip {
                display: none;
                position: absolute;
                top: -40px;
                left: -159px;
                width: 210px;
                padding: 7px 10px;
                font-size: 12px;
                text-align: left;
                line-height: 18px;
                border: 1px solid #e8e8e8;
                background-color: #fff;
                border-radius: 5px;
                box-shadow: 0 0 2px 2px rgba(232,232,232,0.3);
                z-index: 5
            }

                .data-table .order-item .verify-box .verify-tip .icon-arrow-bottom {
                    display: inline-block;
                    position: absolute;
                    bottom: -7px;
                    right: 60px;
                    background-image: url(../images/arrow-bottom.png);
                    width: 10px;
                    height: 7px
                }

.my-order-wrapper .content-box .tab-box {
    margin: 20px 0 0 1px;
    height: 32px;
    font-size: 14px;
    border-bottom: 1px solid #ddd
}

    .my-order-wrapper .content-box .tab-box .tab-item {
        float: left;
        margin-left: -1px;
        padding: 0 22px;
        width: auto;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #ddd;
        border-bottom: none
    }

        .my-order-wrapper .content-box .tab-box .tab-item.item-on {
            position: relative;
            z-index: 10;
            border-top: 2px solid #37a3ff;
            border-bottom: 1px solid #fff
        }

.my-order-wrapper .content-box .search-box {
    margin: 20px 0;
    height: 30px
}

    .my-order-wrapper .content-box .search-box .select-layer {
        margin-right: 20px;
        width: 130px;
        height: 28px;
        line-height: 28px;
        border: 1px solid #ddd
    }

        .my-order-wrapper .content-box .search-box .select-layer .select-box .selected-text {
            padding: 0 10px;
            width: 95px;
            height: 28px;
            line-height: 28px
        }

        .my-order-wrapper .content-box .search-box .select-layer .select-box .icon-arrow-down {
            top: 12px;
            left: 0
        }

        .my-order-wrapper .content-box .search-box .select-layer .dropdown-list {
            left: -1px;
            top: 28px;
            width: 100%;
            border-color: #ddd
        }

            .my-order-wrapper .content-box .search-box .select-layer .dropdown-list .dropdown-item {
                padding: 0 10px
            }

    .my-order-wrapper .content-box .search-box .search-txt {
        float: left;
        margin-right: -1px;
        width: 172px;
        height: 28px;
        line-height: 28px;
        border: 1px solid #ddd
    }

        .my-order-wrapper .content-box .search-box .search-txt:focus {
            border-color: #ddd !important;
            box-shadow: none
        }

    .my-order-wrapper .content-box .search-box .search-btn {
        float: left;
        width: 60px;
        width: 60px;
        height: 30px;
        line-height: 28px;
        border: 1px solid #ddd;
        background-color: #f8f8f8;
        border-radius: 0
    }

        .my-order-wrapper .content-box .search-box .search-btn:hover {
            box-shadow: none
        }

.my-order-wrapper .content-box .data-table {
    font-size: 12px;
    color: #333
}

    .my-order-wrapper .content-box .data-table .table-head td {
        background-color: #f3f3f3
    }

    .my-order-wrapper .content-box .data-table .order-item {
        margin-top: 20px;
        color: #333
    }

        .my-order-wrapper .content-box .data-table .order-item .order-item-header {
            padding: 0 15px;
            background-color: #f7f7f7
        }

            .my-order-wrapper .content-box .data-table .order-item .order-item-header.is-no-split dt .downpayment {
                margin: 0 25px 0 32px
            }

            .my-order-wrapper .content-box .data-table .order-item .order-item-header dt {
                padding: 0;
                color: #333
            }

                .my-order-wrapper .content-box .data-table .order-item .order-item-header dt span {
                    float: left;
                    margin-right: 18px
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-item-header dt span.time {
                        font-weight: 700
                    }

                    .my-order-wrapper .content-box .data-table .order-item .order-item-header dt span .view-order {
                        color: #333;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

                        .my-order-wrapper .content-box .data-table .order-item .order-item-header dt span .view-order:hover {
                            color: #37a3ff;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

            .my-order-wrapper .content-box .data-table .order-item .order-item-header dd {
                padding: 0
            }

            .my-order-wrapper .content-box .data-table .order-item .order-item-header .sign-icon {
                display: inline-block;
                vertical-align: top;
                margin-top: 11px;
                cursor: pointer
            }

        .my-order-wrapper .content-box .data-table .order-item .tip-box-style, .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box .verify-order .hover-tip, .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box i .tip-box, .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .sale-tip .sale-hover-tip, .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .handle-btn a .hover-tip, .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td .receiver .receiver-info-box {
            display: none;
            position: absolute;
            left: 45px;
            top: 10px;
            z-index: 3;
            padding: 4px 6px;
            width: 200px;
            color: #666;
            text-align: left;
            word-break: break-all;
            border: 1px solid #e8e8e8;
            background: #fff;
            box-shadow: 3px 3px 3px 0px #f1f1f1
        }

        .my-order-wrapper .content-box .data-table .order-item .split-order-item-head {
            padding: 10px 14px;
            background-color: #edf6ff
        }

            .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .order-txt-box {
                float: left
            }

            .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .desc {
                margin-bottom: 8px;
                text-indent: 0;
                font-weight: 400
            }

            .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .order-info {
                color: #666
            }

                .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .order-info span {
                    margin-right: 18px
                }

                    .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .order-info span a {
                        color: #666;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

                        .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .order-info span a:hover {
                            color: #37a3ff;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

            .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box {
                float: right;
                position: relative;
                right: 0;
                top: 0;
                margin-top: 12px
            }

                .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box a {
                    float: left;
                    margin-left: 20px;
                    top: 0;
                    min-width: 60px;
                    width: auto;
                    height: 20px;
                    line-height: 20px;
                    text-align: center;
                    color: #fff;
                    border-radius: 2px;
                    background: #169dff
                }

                .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box .verify-order {
                    position: relative;
                    margin-right: 0
                }

                    .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box .verify-order .hover-tip {
                        left: 64px;
                        width: 108px
                    }

                    .my-order-wrapper .content-box .data-table .order-item .split-order-item-head .btn-box .verify-order:hover .hover-tip {
                        display: block
                    }

        .my-order-wrapper .content-box .data-table .order-item .order-info-table {
            word-break: break-all
        }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table tr td {
                padding: 16px 0;
                line-height: 22px;
                vertical-align: top;
                text-align: left
            }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box {
                margin-left: 15px
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .pic-box {
                    position: relative;
                    float: left;
                    margin: 4px 20px 4px 0;
                    width: 80px;
                    height: 80px
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .pic-box a, .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .pic-box img {
                        display: block;
                        width: 100%;
                        height: 100%
                    }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box {
                    float: left;
                    width: 200px;
                    text-align: left
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .title {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        word-break: break-all
                    }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .title a {
                            color: #333;
                            -moz-transition: color .25s ease-in-out;
                            -o-transition: color .25s ease-in-out;
                            -webkit-transition: color .25s ease-in-out;
                            transition: color .25s ease-in-out
                        }

                            .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .title a:hover {
                                color: #37a3ff;
                                -moz-transition: color .25s ease-in-out;
                                -o-transition: color .25s ease-in-out;
                                -webkit-transition: color .25s ease-in-out;
                                transition: color .25s ease-in-out
                            }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box {
                        margin-top: 3px
                    }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box .rent-type {
                            padding: 0 4px;
                            color: #ec635a;
                            border: 1px solid #ec635a;
                            border-radius: 2px
                        }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box .pay-type {
                            background: #ff9800
                        }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box i {
                            position: relative;
                            padding: 0 4px;
                            color: #fff;
                            border-radius: 2px;
                            cursor: pointer
                        }

                            .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .product-box .icon-box i:hover .tip-box {
                                display: block
                            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .product-info-box .num-box {
                    position: relative;
                    float: left;
                    width: 96px;
                    text-align: center;
                    color: #666
                }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .detail-td .service-info-box {
                margin: 16px 0 0 8px;
                margin-left: 8px;
                text-align: left;
                color: #999
            }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td {
                padding-left: 20px
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .txt-box {
                    float: left;
                    width: 146px
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .sale-price {
                    color: #e73c31
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .sale-tip {
                    position: relative;
                    padding: 2px 4px;
                    background-color: #fae3db;
                    border-radius: 2px;
                    cursor: pointer
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .sale-tip .sale-hover-tip {
                        left: 30px
                    }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .sale-tip:hover .sale-hover-tip {
                        display: block
                    }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .money-td .old-price {
                    color: #999;
                    text-decoration: line-through
                }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .date-td {
                text-align: center
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .date-td .line-split {
                    margin-top: -2px;
                    line-height: 1px
                }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .state-td {
                padding: 16px;
                text-align: center
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .state-td .red {
                    color: #e73c31
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .state-td a {
                    color: #333;
                    -moz-transition: color .25s ease-in-out;
                    -o-transition: color .25s ease-in-out;
                    -webkit-transition: color .25s ease-in-out;
                    transition: color .25s ease-in-out
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .state-td a:hover {
                        color: #37a3ff;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td {
                text-align: center
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .pay-txt {
                    color: #999
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .line-top + .line {
                    margin: 4px 16px 10px;
                    height: 1px;
                    background-color: #f3f3f3
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td a {
                    color: #333;
                    -moz-transition: color .25s ease-in-out;
                    -o-transition: color .25s ease-in-out;
                    -webkit-transition: color .25s ease-in-out;
                    transition: color .25s ease-in-out
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td a:hover {
                        color: #37a3ff;
                        -moz-transition: color .25s ease-in-out;
                        -o-transition: color .25s ease-in-out;
                        -webkit-transition: color .25s ease-in-out;
                        transition: color .25s ease-in-out
                    }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .handle-btn {
                    margin-bottom: 4px
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .handle-btn a {
                        position: relative;
                        display: inline-block;
                        min-width: 60px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        color: #fff;
                        border-radius: 2px;
                        background: #169dff
                    }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .handle-btn a .hover-tip {
                            left: 64px;
                            top: 5px;
                            width: 108px
                        }

                        .my-order-wrapper .content-box .data-table .order-item .order-info-table .price-td .handle-btn a:hover .hover-tip {
                            display: block
                        }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td {
                padding: 16px;
                text-align: center;
                word-break: break-all;
                cursor: pointer
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td .receiver {
                    position: relative
                }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td .receiver .icon {
                        display: inline-block;
                        vertical-align: top;
                        margin: 4px 0 0 4px
                    }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td .receiver .receiver-info-box {
                        left: -30px;
                        top: auto;
                        width: 90px
                    }

                    .my-order-wrapper .content-box .data-table .order-item .order-info-table .receiver-td .receiver:hover .receiver-info-box {
                        display: block
                    }

            .my-order-wrapper .content-box .data-table .order-item .order-info-table.service-table {
                text-align: center
            }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table.service-table .detail-td p {
                    padding: 0 15px
                }

                .my-order-wrapper .content-box .data-table .order-item .order-info-table.service-table .rent-td {
                    text-align: center
                }

        .my-order-wrapper .content-box .data-table .order-item .remark-box {
            padding: 10px 15px;
            line-height: 30px;
            word-break: break-all;
            border: 1px solid #e8e8e8;
            border-top: none
        }

.my-order-wrapper .content-box .uc-paging {
    margin: 20px 0 0 0
}

.my-order-wrapper .content-box .empty-box {
    padding-top: 200px;
    text-align: center;
    font-size: 18px;
    color: #999
}

    .my-order-wrapper .content-box .empty-box .icon-box {
        display: inline-block;
        margin-bottom: 10px
    }

.edit-device-sign-modal.edit-order-sign-modal {
    margin: -6px 0px -20px 0px
}

    .edit-device-sign-modal.edit-order-sign-modal .device-sign-box .title {
        font-size: 14px
    }

    .edit-device-sign-modal.edit-order-sign-modal .textarea-box {
        width: 330px;
        height: 84px
    }

.apply-recycle {
    border-top: 10px solid #F9F9F9
}

    .apply-recycle .tab, .detail-wrapper .tab {
        height: 50px;
        margin: 0 30px;
        border-bottom: 1px solid #eeeeee
    }

        .apply-recycle .tab li, .detail-wrapper .tab li {
            float: left;
            width: 100px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            cursor: pointer
        }

            .apply-recycle .tab li.on, .detail-wrapper .tab li.on {
                border-bottom: 2px solid #37a3ff
            }

                .apply-recycle .tab li.on a, .detail-wrapper .tab li.on a {
                    color: #37a3ff
                }

    .apply-recycle .container .guide-code, .detail-wrapper .container .guide-code {
        display: block;
        margin: 30px auto;
        width: 719px;
        height: 404px;
        background: url(../images/apply-recycle-guide.png)
    }

    .apply-recycle .container .show-more-tip, .detail-wrapper .container .show-more-tip {
        cursor: pointer;
        height: 50px;
        line-height: 50px;
        padding-left: 30px;
        border-top: 10px solid #F9F9F9;
        font-size: 16px
    }

        .apply-recycle .container .show-more-tip i, .detail-wrapper .container .show-more-tip i {
            display: inline-block;
            margin-bottom: 2px
        }

    .apply-recycle .container .form-box .form-ul, .detail-wrapper .container .form-box .form-ul {
        padding: 25px 50px
    }

    .apply-recycle .container .form-box li, .detail-wrapper .container .form-box li {
        line-height: 35px;
        margin-bottom: 20px;
        overflow: hidden
    }

        .apply-recycle .container .form-box li .label, .detail-wrapper .container .form-box li .label {
            float: left;
            width: 70px
        }

        .apply-recycle .container .form-box li .error-prompt-main, .detail-wrapper .container .form-box li .error-prompt-main {
            float: right;
            margin-left: 12px;
            line-height: 35px
        }

        .apply-recycle .container .form-box li .select-box, .detail-wrapper .container .form-box li .select-box {
            overflow: hidden;
            font-size: 12px
        }

            .apply-recycle .container .form-box li .select-box li, .detail-wrapper .container .form-box li .select-box li {
                float: left;
                width: 90px;
                height: 30px;
                line-height: 30px;
                border: 1px solid #eeeeee;
                margin-right: 15px;
                text-align: center;
                position: relative;
                box-sizing: border-box
            }

                .apply-recycle .container .form-box li .select-box li i, .detail-wrapper .container .form-box li .select-box li i {
                    position: absolute;
                    right: -2px;
                    bottom: -1px;
                    display: none
                }

                .apply-recycle .container .form-box li .select-box li.on, .detail-wrapper .container .form-box li .select-box li.on {
                    border: 2px solid #37a3ff;
                    color: #37a3ff
                }

                    .apply-recycle .container .form-box li .select-box li.on i, .detail-wrapper .container .form-box li .select-box li.on i {
                        display: block
                    }

    .apply-recycle .container .form-box .tip, .detail-wrapper .container .form-box .tip {
        border-top: 1px solid #eeeeee;
        padding-left: 30px;
        background: #fffbf7;
        font-size: 12px;
        height: 40px;
        line-height: 40px
    }

        .apply-recycle .container .form-box .tip i, .detail-wrapper .container .form-box .tip i {
            display: inline-block;
            vertical-align: middle;
            margin: 0 5px 3px 0
        }

    .apply-recycle .container .form-box .input-box, .detail-wrapper .container .form-box .input-box {
        float: left
    }

        .apply-recycle .container .form-box .input-box input, .detail-wrapper .container .form-box .input-box input {
            width: 300px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #eeeeee
        }

        .apply-recycle .container .form-box .input-box textarea, .detail-wrapper .container .form-box .input-box textarea {
            width: 460px;
            height: 115px;
            line-height: 35px;
            border: 1px solid #eeeeee
        }

    .apply-recycle .container .form-box .btn-box, .detail-wrapper .container .form-box .btn-box {
        padding-left: 70px
    }

        .apply-recycle .container .form-box .btn-box .submit-btn, .detail-wrapper .container .form-box .btn-box .submit-btn {
            width: 106px;
            height: 38px;
            line-height: 38px;
            background: #37a3ff;
            color: #fff
        }

    .apply-recycle .container .package-qa, .detail-wrapper .container .package-qa {
        display: block;
        margin: 30px auto 0;
        width: 1015px;
        height: 680px;
        background: url(../images/package-qa.png)
    }

    .apply-recycle .container .package-title, .detail-wrapper .container .package-title {
        padding: 1px 30px;
        line-height: 95px;
        font-size: 30px;
        font-weight: bold;
        color: #333
    }

        .apply-recycle .container .package-title .package-tip, .detail-wrapper .container .package-title .package-tip {
            float: right;
            font-size: 14px
        }

    .apply-recycle .container .package-list, .detail-wrapper .container .package-list {
        padding-left: 30px
    }

        .apply-recycle .container .package-list li, .detail-wrapper .container .package-list li {
            float: left;
            margin: 0 20px 30px 0;
            width: 240px
        }

            .apply-recycle .container .package-list li .img-box, .detail-wrapper .container .package-list li .img-box {
                width: 240px;
                height: 240px;
                border: 1px solid #eee;
                box-sizing: border-box
            }

                .apply-recycle .container .package-list li .img-box:hover, .detail-wrapper .container .package-list li .img-box:hover {
                    border: 1px solid #37A3FF
                }

                .apply-recycle .container .package-list li .img-box.package-main, .detail-wrapper .container .package-list li .img-box.package-main {
                    background: url(../images/package-main.png)
                }

                .apply-recycle .container .package-list li .img-box.package-monitor, .detail-wrapper .container .package-list li .img-box.package-monitor {
                    background: url(../images/package-monitor.png)
                }

                .apply-recycle .container .package-list li .img-box.package-laptop, .detail-wrapper .container .package-list li .img-box.package-laptop {
                    background: url(../images/package-laptop.png)
                }

                .apply-recycle .container .package-list li .img-box.package-pc, .detail-wrapper .container .package-list li .img-box.package-pc {
                    background: url(../images/package-pc.png)
                }

            .apply-recycle .container .package-list li .name, .detail-wrapper .container .package-list li .name {
                width: 100%;
                text-align: center;
                color: #333;
                line-height: 45px
            }

    .apply-recycle .detail-content, .detail-wrapper .detail-content {
        padding: 20px 30px
    }

        .apply-recycle .detail-content table, .apply-recycle .detail-content table tr th, .apply-recycle .detail-content table tr td, .detail-wrapper .detail-content table, .detail-wrapper .detail-content table tr th, .detail-wrapper .detail-content table tr td {
            border: 1px solid #cccccc
        }

        .apply-recycle .detail-content table, .detail-wrapper .detail-content table {
            width: 100%
        }

            .apply-recycle .detail-content table th, .apply-recycle .detail-content table td, .detail-wrapper .detail-content table th, .detail-wrapper .detail-content table td {
                text-align: center;
                height: 40px;
                box-sizing: border-box
            }

            .apply-recycle .detail-content table td, .detail-wrapper .detail-content table td {
                padding: 12px 20px
            }

            .apply-recycle .detail-content table th, .detail-wrapper .detail-content table th {
                background: #f2f2f2
            }

            .apply-recycle .detail-content table .finished td, .detail-wrapper .detail-content table .finished td {
                color: #999999
            }

            .apply-recycle .detail-content table a, .detail-wrapper .detail-content table a {
                color: #37a3ff
            }

.detail-wrapper h3 {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    border-bottom: 1px solid #eeeeee;
    display: block
}

.detail-wrapper .actual-number {
    float: right
}

    .detail-wrapper .actual-number span {
        font-size: 20px
    }

.detail-wrapper .separate-line {
    float: right;
    line-height: 30px;
    color: #ededed;
    margin: 0 30px
}

.detail-wrapper table .recycle-status {
    display: inline-block;
    width: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    border-radius: 3px;
    color: #00c15d;
    border: 1px solid #00c15d
}

    .detail-wrapper table .recycle-status.red {
        border-color: #e4364e;
        color: #e4364e
    }

.detail-wrapper .detail-content {
    border-top: 10px solid #f9f9f9;
    padding: 0
}

    .detail-wrapper .detail-content .detail-box {
        border-bottom: 1px solid #e8e8e8;
        padding: 20px 0;
        margin: 0 30px
    }

        .detail-wrapper .detail-content .detail-box .detail-ul li {
            font-size: 14px;
            color: #999999;
            width: 100%;
            height: 30px;
            line-height: 30px
        }

            .detail-wrapper .detail-content .detail-box .detail-ul li span {
                color: #333333
            }

            .detail-wrapper .detail-content .detail-box .detail-ul li .show-detail-btn {
                float: right;
                color: #37a3ff
            }

        .detail-wrapper .detail-content .detail-box .detail-ul .title {
            font-size: 16px;
            color: #333333
        }

        .detail-wrapper .detail-content .detail-box .detail-info-ul {
            margin: 20px 0 10px
        }

            .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message:first-of-type {
                color: #000;
                padding-top: 0;
                padding-bottom: 5px;
                line-height: 0.8
            }

                .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message:first-of-type .dot {
                    width: 6px;
                    height: 6px;
                    background: #fff;
                    border: 2px solid #37a3ff;
                    left: -5px;
                    top: 0
                }

            .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message {
                position: relative;
                border-left: 1px solid #e5e5e5;
                padding-left: 15px;
                font-size: 12px;
                padding-top: 18px
            }

                .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message .dot {
                    width: 5px;
                    height: 5px;
                    border-radius: 100%;
                    background: #e5e5e5;
                    position: absolute;
                    left: -3px;
                    top: 24px
                }

                .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message .express-desc {
                    margin-left: 20px
                }

                    .detail-wrapper .detail-content .detail-box .detail-info-ul .detail-message .express-desc.bold {
                        font-weight: bold
                    }

        .detail-wrapper .detail-content .detail-box:last-of-type {
            border-bottom: none
        }

    .detail-wrapper .detail-content .table-wrapper {
        padding: 20px 30px
    }

    .detail-wrapper .detail-content .device-number {
        display: block;
        font-size: 12px;
        margin: 20px 30px 0
    }

        .detail-wrapper .detail-content .device-number span {
            color: #37a3ff
        }

        .detail-wrapper .detail-content .device-number .red {
            color: #ff0000
        }

.center-main .detail-wrapper .detail-item {
    border-top: 10px solid #f9f9f9
}

    .center-main .detail-wrapper .detail-item .item-title {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        padding-left: 30px;
        border-bottom: 1px solid #eeeeee;
        display: block
    }

.center-main .detail-wrapper .detail-title .recycle-status {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #f2e9e4;
    background: #fffcf8;
    margin: 30px;
    padding-left: 20px
}

    .center-main .detail-wrapper .detail-title .recycle-status .current-status a {
        color: #37a3ff
    }

.center-main .detail-wrapper .apply-recycle-progress {
    text-align: center
}

    .center-main .detail-wrapper .apply-recycle-progress .item-title {
        text-align: left
    }

    .center-main .detail-wrapper .apply-recycle-progress .progress {
        display: inline-block;
        height: 80px;
        margin: 30px;
        vertical-align: middle
    }

        .center-main .detail-wrapper .apply-recycle-progress .progress ul {
            height: 80px
        }

            .center-main .detail-wrapper .apply-recycle-progress .progress ul li {
                float: left;
                height: 80px;
                position: relative;
                color: #e5e5e5
            }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul li .node {
                    float: left;
                    width: 80px;
                    height: 80px;
                    margin: 0 10px
                }

                    .center-main .detail-wrapper .apply-recycle-progress .progress ul li .node .node-img {
                        width: 40px;
                        height: 40px;
                        margin: 10px auto;
                        background: url(../images/progress-img-gray.png)
                    }

                    .center-main .detail-wrapper .apply-recycle-progress .progress ul li .node .progress-name {
                        display: block;
                        width: 100%;
                        text-align: center
                    }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul li .line {
                    float: left;
                    width: 40px;
                    height: 2px;
                    margin-top: 29px;
                    background: #e5e5e5
                }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul li .middle-node {
                    display: none;
                    position: absolute;
                    width: 42px;
                    right: -21px;
                    top: 3px;
                    z-index: 1
                }

                    .center-main .detail-wrapper .apply-recycle-progress .progress ul li .middle-node .dot {
                        width: 6px;
                        height: 6px;
                        margin: 5px auto 0;
                        border-radius: 100%;
                        background: #e5e5e5
                    }

            .center-main .detail-wrapper .apply-recycle-progress .progress ul .blue {
                color: #37a3ff
            }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul .blue .node .node-img {
                    background: url(../images/progress-img-blue.png)
                }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul .blue .line {
                    background: #37a3ff
                }

                .center-main .detail-wrapper .apply-recycle-progress .progress ul .blue .middle-node {
                    display: block
                }

                    .center-main .detail-wrapper .apply-recycle-progress .progress ul .blue .middle-node .dot {
                        background: #37a3ff
                    }

.center-main .detail-wrapper .progress-detail .progress-detail-wrapper {
    margin: 30px
}

    .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul {
        margin: 5px 0 10px
    }

        .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message:first-of-type {
            color: #000;
            padding-top: 0;
            padding-bottom: 5px;
            line-height: 0.8
        }

            .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message:first-of-type .dot {
                width: 6px;
                height: 6px;
                background: #fff;
                border: 2px solid #37a3ff;
                left: -5px;
                top: 0
            }

        .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message {
            position: relative;
            border-left: 1px solid #e5e5e5;
            padding-left: 15px;
            font-size: 12px;
            padding-top: 18px
        }

            .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message .dot {
                width: 5px;
                height: 5px;
                border-radius: 100%;
                background: #e5e5e5;
                position: absolute;
                left: -3px;
                top: 24px
            }

            .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message a {
                color: #37a3ff;
                position: relative
            }

            .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .detail-message .message {
                margin-left: 30px
            }

        .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .address-tip {
            width: 294px;
            height: 130px;
            background: url(../images/tip-box.png) center no-repeat;
            padding: 25px 15px 15px;
            box-sizing: border-box;
            color: #333333;
            position: absolute;
            right: -48px
        }

            .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .address-tip p {
                line-height: 20px
            }

                .center-main .detail-wrapper .progress-detail .progress-detail-wrapper .detail-info-ul .address-tip p span {
                    display: inline-block;
                    width: 60px
                }

.center-main .detail-wrapper .apply-detail .apply-table, .center-main .detail-wrapper .apply-device-result .device-result {
    margin: 30px
}

    .center-main .detail-wrapper .apply-detail .apply-table table, .center-main .detail-wrapper .apply-detail .apply-table table tr td, .center-main .detail-wrapper .apply-device-result .device-result table, .center-main .detail-wrapper .apply-device-result .device-result table tr td {
        border: 1px solid #ebebeb
    }

    .center-main .detail-wrapper .apply-detail .apply-table table, .center-main .detail-wrapper .apply-device-result .device-result table {
        width: 100%;
        margin-bottom: 50px
    }

        .center-main .detail-wrapper .apply-detail .apply-table table td, .center-main .detail-wrapper .apply-device-result .device-result table td {
            text-align: center;
            height: 40px;
            box-sizing: border-box;
            padding: 12px 0
        }

        .center-main .detail-wrapper .apply-detail .apply-table table .name, .center-main .detail-wrapper .apply-device-result .device-result table .name {
            width: 222px
        }

        .center-main .detail-wrapper .apply-detail .apply-table table .describe, .center-main .detail-wrapper .apply-device-result .device-result table .describe {
            padding-left: 40px;
            text-align: left
        }

            .center-main .detail-wrapper .apply-detail .apply-table table .describe a, .center-main .detail-wrapper .apply-device-result .device-result table .describe a {
                margin-left: 60px
            }

.order-rent {
    width: 1078px;
    border: 1px solid #e9ebed;
    margin-bottom: 10px
}

    .order-rent a {
        color: #000
    }

    .order-rent .order-content {
        width: 1038px;
        padding: 0 20px 30px;
        overflow: hidden;
        background: #fcfcfc
    }

        .order-rent .order-content .rent-num {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #666d71;
            text-align: right
        }

            .order-rent .order-content .rent-num span {
                color: #f00
            }

        .order-rent .order-content .margin-bottom-15 {
            margin-bottom: 15px
        }

        .order-rent .order-content .rent-list {
            padding-top: 12px;
            overflow: hidden
        }

        .order-rent .order-content .rent-tab {
            width: 100%;
            height: 36px;
            margin: -32px 0 12px 0
        }

            .order-rent .order-content .rent-tab li {
                float: left;
                border: 1px solid #ccc;
                margin: 0 6px;
                width: 100px;
                height: 26px;
                line-height: 26px;
                text-align: center
            }

                .order-rent .order-content .rent-tab li a {
                    display: inline-block;
                    width: 100%;
                    height: 100%
                }

                .order-rent .order-content .rent-tab li.on {
                    background-color: #37a3ff
                }

                    .order-rent .order-content .rent-tab li.on a {
                        color: #fff
                    }

            .order-rent .order-content .rent-tab .table-head th {
                font-size: 14px;
                line-height: 40px;
                padding: 0
            }

        .order-rent .order-content .rent-table {
            width: 1040px;
            margin: 0 auto;
            border: 0
        }

            .order-rent .order-content .rent-table th, .order-rent .order-content .rent-table td {
                border: 1px solid #ccc;
                padding: 8px;
                text-align: center;
                vertical-align: middle
            }

            .order-rent .order-content .rent-table tr th {
                padding: 10px 0
            }

            .order-rent .order-content .rent-table .tab-colspan {
                border: none
            }

                .order-rent .order-content .rent-table .tab-colspan td {
                    border: none;
                    text-align: center;
                    position: relative
                }

                    .order-rent .order-content .rent-table .tab-colspan td a {
                        text-align: center
                    }

                        .order-rent .order-content .rent-table .tab-colspan td a:hover {
                            color: #37a3ff
                        }

                    .order-rent .order-content .rent-table .tab-colspan td .rent-tabbtn {
                        display: inline-block;
                        width: 14px;
                        height: 14px;
                        background: url(../images/btn_bottom.png) center no-repeat;
                        background-size: 14px 14px;
                        position: absolute;
                        right: 10px;
                        top: 32%
                    }

                        .order-rent .order-content .rent-table .tab-colspan td .rent-tabbtn.on {
                            background-image: url(../images/btn_top.png)
                        }

            .order-rent .order-content .rent-table .table-head {
                height: 40px;
                background: #f5f5f5
            }

                .order-rent .order-content .rent-table .table-head th {
                    font-weight: 600
                }

            .order-rent .order-content .rent-table .table-th td {
                font-weight: 600;
                color: #333;
                background-color: #f2faff
            }

    .order-rent h4, .order-rent .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-rent p {
        position: relative;
        background-color: #f2faff;
        width: 1058px;
        height: 36px;
        line-height: 36px;
        color: #1173ab;
        padding-left: 20px;
        font-weight: bold;
        font-size: 14px
    }

    .order-rent .rent-title {
        display: block;
        position: absolute;
        right: 10px;
        top: 3px
    }

    .order-rent .order-input {
        display: inline-block;
        padding-left: 10px;
        width: 160px;
        height: 25px;
        line-height: 20px;
        border: 1px solid #ccc;
        background: #fafafa;
        color: #666d71
    }

    .order-rent .order-search {
        display: inline-block;
        padding: 0 10px;
        text-align: center;
        height: 27px;
        line-height: 27px;
        border-radius: 3px;
        background: #37a3ff;
        color: #fff;
        border: 0
    }

.personal-center-main .center-right .main-box {
    margin-top: 0
}

    .personal-center-main .center-right .main-box .title-box {
        padding: 12px 0 12px 30px;
        font-size: 16px;
        color: #464646;
        border-top: 10px solid #f9f9f9;
        border-bottom: 1px solid #eee
    }

        .personal-center-main .center-right .main-box .title-box .change-record {
            float: right;
            font-size: 12px;
            position: relative;
            top: 3px;
            right: 20px;
            color: #37a3ff;
            cursor: pointer
        }

    .personal-center-main .center-right .main-box .icons {
        display: inline-block
    }

    .personal-center-main .center-right .main-box .top-box .device-box {
        font-size: 0;
        color: #333
    }

        .personal-center-main .center-right .main-box .top-box .device-box .left-box {
            display: inline-block;
            width: 640px;
            vertical-align: top;
            font-size: 12px
        }

        .personal-center-main .center-right .main-box .top-box .device-box .right-box {
            display: inline-block;
            width: 430px;
            font-size: 12px;
            border-left: 10px solid #f9f9f9
        }

    .personal-center-main .center-right .main-box .loading-img {
        display: inline-block;
        background-image: url(../images/loadingblue.gif);
        background-size: 100% 100%
    }

    .personal-center-main .center-right .main-box .top-table {
        width: 100%
    }

        .personal-center-main .center-right .main-box .top-table .icons {
            display: inline-block
        }

        .personal-center-main .center-right .main-box .top-table .acc-tr {
            height: 46px;
            line-height: 46px
        }

            .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td {
                width: 164px
            }

                .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box {
                    position: relative;
                    height: 246px;
                    width: 164px
                }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .comp-box {
                        position: absolute;
                        top: 50px;
                        width: 228px;
                        bottom: 0
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .star-box {
                        position: relative;
                        height: 30px;
                        padding-top: 10px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .acc-company {
                        position: relative;
                        padding: 0 10px;
                        line-height: 24px;
                        font-size: 14px;
                        color: #fff;
                        text-align: center
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-icon {
                        position: absolute;
                        left: 64px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .icon-star-bar-on {
                        width: 60px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star0 {
                        width: 0
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star1 {
                        width: 10.5px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star2 {
                        width: 20px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star3 {
                        width: 30.5px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star4 {
                        width: 40px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star5 {
                        width: 50.5px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star6 {
                        width: 60px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star7 {
                        width: 70px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star8 {
                        width: 80px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star9 {
                        width: 90px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .credit-star10 {
                        width: 100px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .comp-cir {
                        position: absolute;
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        left: 218px;
                        border-radius: 50%;
                        background-color: #f9f9f9
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .top-cir {
                        top: -10px
                    }

                    .personal-center-main .center-right .main-box .top-table .acc-tr .acc-first-td .acc-first-box .bottom-cir {
                        top: 235px
                    }

            .personal-center-main .center-right .main-box .top-table .acc-tr .acc-name-td {
                border-bottom: 1px solid #eee
            }

                .personal-center-main .center-right .main-box .top-table .acc-tr .acc-name-td .acc-show-title {
                    padding-left: 25px;
                    font-size: 16px
                }

        .personal-center-main .center-right .main-box .top-table .show-tr .show-td {
            position: relative;
            width: 150px;
            padding-bottom: 30px;
            vertical-align: top;
            text-align: center
        }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-wrap {
                display: inline-block;
                padding-top: 20px;
                text-align: left
            }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .btn {
                font-size: 12px;
                color: #37a3ff
            }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .btn-cash {
                margin-left: 10px
            }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-title {
                height: 30px;
                line-height: 30px;
                font-size: 14px;
                color: #888
            }

                .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-title .icons {
                    position: relative;
                    top: 3px;
                    right: 3px
                }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-num {
                height: 36px;
                line-height: 36px;
                font-size: 22px;
                color: #333
            }

                .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-num .loading-img {
                    width: 30px;
                    height: 30px
                }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-txt {
                height: 30px;
                line-height: 30px;
                padding-bottom: 30px;
                font-size: 12px;
                color: #464646
            }

                .personal-center-main .center-right .main-box .top-table .show-tr .show-td .acc-txt .loading-img {
                    position: relative;
                    width: 14px;
                    height: 14px;
                    top: 2px
                }

            .personal-center-main .center-right .main-box .top-table .show-tr .show-td .inter-line1 {
                position: absolute;
                height: 140px;
                border-right: 1px solid #eee;
                top: 30px;
                right: 0
            }

    .personal-center-main .center-right .main-box .cont-box {
        padding: 0 30px 30px 30px
    }

    .personal-center-main .center-right .main-box .no-order-list {
        border-top: 1px solid #eee
    }

    .personal-center-main .center-right .main-box .device-table-wrap {
        padding: 55px 30px 45px
    }

        .personal-center-main .center-right .main-box .device-table-wrap .device-table {
            width: 100%
        }

            .personal-center-main .center-right .main-box .device-table-wrap .device-table .show-td {
                width: 23%;
                padding-left: 60px
            }

            .personal-center-main .center-right .main-box .device-table-wrap .device-table #serviceBtn {
                cursor: pointer
            }

            .personal-center-main .center-right .main-box .device-table-wrap .device-table .wide-td {
                width: 30%
            }

            .personal-center-main .center-right .main-box .device-table-wrap .device-table .item-wrap {
                padding-left: 30px
            }

            .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap {
                position: relative
            }

                .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap .devi-icon {
                    position: absolute;
                    left: -60px
                }

                .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap .acc-title {
                    color: #666
                }

                .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap .acc-num {
                    height: 36px;
                    padding-top: 5px;
                    line-height: 36px;
                    font-size: 22px
                }

                    .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap .acc-num .loading-img {
                        width: 30px;
                        height: 30px
                    }

                    .personal-center-main .center-right .main-box .device-table-wrap .device-table .acc-wrap .acc-num .divice-num {
                        font-size: 16px;
                        color: #333
                    }

    .personal-center-main .center-right .main-box .bill-table-wrap {
        padding: 28px 30px
    }

        .personal-center-main .center-right .main-box .bill-table-wrap .bill-table {
            width: 100%
        }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .show-one-td {
                position: relative;
                width: 60%;
                height: 60px;
                border-right: 1px solid #eee
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-wrap .bill-item {
                height: 30px;
                line-height: 30px
            }

                .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-wrap .bill-item .bill-price-txt {
                    margin-left: 15px
                }

                    .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-wrap .bill-item .bill-price-txt .month-a {
                        color: #333
                    }

                .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-wrap .bill-item .bill-pay-txt {
                    color: #ea544a
                }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-wrap .bill-pay-btn {
                position: absolute;
                right: 15px;
                top: 18px;
                width: 58px;
                height: 22px;
                line-height: 22px;
                padding: 3px 5px;
                border-radius: 3px;
                text-align: center;
                color: #fff;
                background-color: #37a3ff;
                cursor: pointer
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-bill-need-pay {
                color: #888
            }

                .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-bill-need-pay .neee-pay {
                    color: #333
                }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .bill-status {
                float: right
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .bill-overdue-txt {
                color: #ea544a
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .bill-over-txt {
                color: #13ad5b
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .acc-bill-over {
                text-align: center
            }

            .personal-center-main .center-right .main-box .bill-table-wrap .bill-table .item-wrap {
                padding-left: 30px
            }

    .personal-center-main .center-right .main-box .bill-show-txt {
        position: relative;
        bottom: 16px;
        margin-left: 12px;
        font-size: 14px;
        color: #969696
    }

    .personal-center-main .center-right .main-box .no-bill-box {
        text-align: center;
        padding-top: 40px
    }

    .personal-center-main .center-right .main-box .free-deposit-wrap {
        padding: 20px 28px 15px
    }

        .personal-center-main .center-right .main-box .free-deposit-wrap .free-table {
            width: 100%;
            border-collapse: collapse
        }

            .personal-center-main .center-right .main-box .free-deposit-wrap .free-table .title-tr {
                background-color: #f8f8f8
            }

            .personal-center-main .center-right .main-box .free-deposit-wrap .free-table, .personal-center-main .center-right .main-box .free-deposit-wrap .free-table tr, .personal-center-main .center-right .main-box .free-deposit-wrap .free-table td {
                border: 1px solid #eee
            }

                .personal-center-main .center-right .main-box .free-deposit-wrap .free-table td {
                    text-align: center;
                    height: 40px;
                    position: relative
                }

                    .personal-center-main .center-right .main-box .free-deposit-wrap .free-table td[class=first] {
                        width: 100px
                    }

                        .personal-center-main .center-right .main-box .free-deposit-wrap .free-table td[class=first]:before {
                            content: "";
                            position: absolute;
                            width: 1px;
                            height: 110px;
                            top: 0;
                            left: 0;
                            background-color: #eee;
                            display: block;
                            transform: rotate(-68deg);
                            transform-origin: top;
                            -ms-transform: rotate(-68deg);
                            -ms-transform-origin: top
                        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .title1 {
            position: absolute;
            top: 22px;
            left: 4px
        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .title2 {
            position: absolute;
            top: 2px;
            right: 6px
        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .no-credit-box {
            margin: 20px 0;
            padding: 68px 0 20px;
            border-top: 1px dashed #eeee;
            text-align: center
        }

            .personal-center-main .center-right .main-box .free-deposit-wrap .no-credit-box .no-credit-txt {
                display: inline-block;
                position: relative;
                bottom: 16px;
                margin-left: 8px;
                font-size: 12px;
                color: #333
            }

            .personal-center-main .center-right .main-box .free-deposit-wrap .no-credit-box .free-deposit {
                color: #37a3ff
            }

        .personal-center-main .center-right .main-box .free-deposit-wrap .exam-statu-wrap {
            margin: 16px 0 16px;
            padding: 16px 0;
            border-top: 1px dashed #eee;
            border-bottom: 1px dashed #eee
        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .statu-btn-box {
            padding-top: 10px
        }

            .personal-center-main .center-right .main-box .free-deposit-wrap .statu-btn-box .statu-btn {
                margin-right: 15px;
                color: #37a3ff
            }

        .personal-center-main .center-right .main-box .free-deposit-wrap .statu-txt {
            color: #333;
            font-weight: 900;
            font-size: 12px
        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .statu-tip {
            padding-top: 5px;
            color: #666
        }

        .personal-center-main .center-right .main-box .free-deposit-wrap .statu-tip-wrap {
            min-height: 63px
        }

            .personal-center-main .center-right .main-box .free-deposit-wrap .statu-tip-wrap .no-deposit-box {
                position: relative;
                bottom: 5px;
                text-align: center
            }

                .personal-center-main .center-right .main-box .free-deposit-wrap .statu-tip-wrap .no-deposit-box .no-credit-txt {
                    display: inline-block;
                    position: relative;
                    bottom: 16px;
                    margin-left: 8px;
                    font-size: 14px;
                    color: #a6a6a6
                }

                .personal-center-main .center-right .main-box .free-deposit-wrap .statu-tip-wrap .no-deposit-box .free-deposit {
                    color: #37a3ff
                }

    .personal-center-main .center-right .main-box .order-table-wrap {
        font-size: 12px
    }

        .personal-center-main .center-right .main-box .order-table-wrap .order-table {
            width: 100%
        }

            .personal-center-main .center-right .main-box .order-table-wrap .order-table .show-td {
                padding: 30px 0 45px;
                text-align: center
            }

            .personal-center-main .center-right .main-box .order-table-wrap .order-table .acc-wrap {
                position: relative;
                display: inline-block;
                color: #333;
                cursor: pointer
            }

                .personal-center-main .center-right .main-box .order-table-wrap .order-table .acc-wrap .acc-tip {
                    position: absolute;
                    top: 0;
                    right: -5px;
                    padding: 2px 7px;
                    border-radius: 18px;
                    border: 2px solid #fff;
                    color: #fff
                }

                .personal-center-main .center-right .main-box .order-table-wrap .order-table .acc-wrap .to-pay-tip {
                    background-color: #df3028
                }

                .personal-center-main .center-right .main-box .order-table-wrap .order-table .acc-wrap .rent-tip {
                    background-color: #37a3ff
                }

.personal-center-main .data-table {
    width: 100%
}

    .personal-center-main .data-table thead tr {
        border-bottom: none
    }

    .personal-center-main .data-table thead th {
        padding-left: 15px;
        text-align: left;
        min-width: 80px
    }

    .personal-center-main .data-table thead .th-sx {
        width: 90px
    }

    .personal-center-main .data-table tr {
        border-bottom: 1px solid #e9ebed
    }

        .personal-center-main .data-table tr th {
            height: 40px;
            line-height: 40px;
            font-weight: 100;
            font-size: 12px;
            color: #333;
            background-color: #f6f6f6
        }

        .personal-center-main .data-table tr td {
            line-height: 20px;
            text-align: left;
            padding: 20px 15px 16px;
            font-size: 12px;
            color: #666;
            background-color: #fff;
            vertical-align: top
        }

            .personal-center-main .data-table tr td .orderSubscriptcon {
                position: relative;
                margin-right: 4px;
                color: #fff
            }

            .personal-center-main .data-table tr td i {
                color: #ff0000
            }

            .personal-center-main .data-table tr td .sale-tip {
                display: inline-block;
                font-size: 12px;
                line-height: 17px;
                border-radius: 2px;
                padding: 1px 3px;
                color: #ea521b;
                background-color: #fae3db;
                vertical-align: bottom;
                position: relative;
                cursor: pointer
            }

                .personal-center-main .data-table tr td .sale-tip .sale-hover-tip {
                    display: none;
                    position: absolute;
                    left: -1px;
                    top: -22px;
                    background: #fff;
                    border: 1px solid #e8e8e8;
                    padding: 1px 3px;
                    font-size: 13px;
                    color: #666666;
                    box-shadow: 3px 3px 3px 0px #b9b9b9;
                    white-space: nowrap
                }

                .personal-center-main .data-table tr td .sale-tip:hover .sale-hover-tip {
                    display: block
                }

            .personal-center-main .data-table tr td .sale-price {
                color: #eb5f31
            }

            .personal-center-main .data-table tr td .old {
                color: #999999
            }

                .personal-center-main .data-table tr td .old .old-price {
                    text-decoration: line-through
                }

        .personal-center-main .data-table tr .order-img {
            display: inline-block;
            width: 80px;
            max-height: 80px
        }

        .personal-center-main .data-table tr .order-prod {
            display: inline-block;
            max-width: 200px;
            margin-left: 16px;
            margin-right: 10px;
            color: #888
        }

            .personal-center-main .data-table tr .order-prod .prod-status {
                color: #37a3ff
            }

        .personal-center-main .data-table tr .order-proname {
            display: -webkit-box;
            max-height: 40px;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #333
        }

        .personal-center-main .data-table tr .prod-box {
            margin-top: 13px
        }

        .personal-center-main .data-table tr .order-pronum {
            vertical-align: top;
            color: #969696
        }

        .personal-center-main .data-table tr .inter-line {
            position: relative;
            width: 4px;
            height: 18px;
            left: 30px;
            line-height: 17px;
            text-align: center;
            overflow: hidden
        }

        .personal-center-main .data-table tr .pay-btn {
            width: 58px;
            height: 22px;
            margin-bottom: 3px;
            line-height: 22px;
            text-align: center;
            border-radius: 3px;
            color: #fff;
            background-color: #37a3ff;
            cursor: pointer
        }

        .personal-center-main .data-table tr .to-detail {
            color: #37a3ff;
            cursor: pointer
        }

        .personal-center-main .data-table tr .icon-person {
            position: relative;
            top: 1px;
            cursor: pointer
        }

            .personal-center-main .data-table tr .icon-person .receiver-info-box {
                position: absolute;
                display: none;
                width: 250px;
                left: 0;
                top: 16px;
                padding: 10px;
                border: 1px solid #e8e8e8;
                border-radius: 5px;
                font-size: 13px;
                box-shadow: 2px 2px 2px 0px #eee;
                color: #666666;
                background: #fff;
                z-index: 5
            }

                .personal-center-main .data-table tr .icon-person .receiver-info-box div {
                    line-height: 20px;
                    max-width: 250px
                }

                .personal-center-main .data-table tr .icon-person .receiver-info-box .rec-name {
                    padding-bottom: 5px
                }

                .personal-center-main .data-table tr .icon-person .receiver-info-box .rec-addr {
                    display: inline-block;
                    max-width: 250px;
                    word-break: break-all
                }

            .personal-center-main .data-table tr .icon-person:hover .receiver-info-box {
                display: block
            }

        .personal-center-main .data-table tr .txt-td {
            word-wrap: break-word;
            word-break: break-all
        }

        .personal-center-main .data-table tr .empty-td {
            text-align: center
        }

.personal-center-main .more-bill-box {
    position: relative;
    top: 16px;
    padding: 10px 0;
    text-align: center
}

    .personal-center-main .more-bill-box .more-bill-btn {
        display: inline-block;
        font-size: 14px;
        color: #969696;
        cursor: pointer
    }

        .personal-center-main .more-bill-box .more-bill-btn .icons {
            position: relative;
            top: 2px
        }

.personal-center-main .non-bill-box {
    padding: 70px 0 50px;
    text-align: center
}

.login-back-box .tip-txt, .member-modal-box .tip-txt {
    font-size: 14px;
    color: #333
}

.login-back-box .btn-wrap, .member-modal-box .btn-wrap {
    padding: 26px 0 10px;
    text-align: center
}

.login-back-box .btn-empty-wrap, .member-modal-box .btn-empty-wrap {
    padding: 0 0 10px
}

.login-back-box .btn-cls, .member-modal-box .btn-cls {
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 80px;
    height: 32px;
    margin: 0 5px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    background: #37a3ff;
    -moz-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    -webkit-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out
}

    .login-back-box .btn-cls:hover, .member-modal-box .btn-cls:hover {
        -moz-box-shadow: 1px 1px 1px #ccc;
        -webkit-box-shadow: 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px #ccc;
        -moz-transition: box-shadow .3s ease-in-out;
        -o-transition: box-shadow .3s ease-in-out;
        -webkit-transition: box-shadow .3s ease-in-out;
        transition: box-shadow .3s ease-in-out
    }

.login-back-box .btn-right, .member-modal-box .btn-right {
    margin-left: 20px
}

.login-back-box .person-wrap, .member-modal-box .person-wrap {
    text-align: center
}

    .login-back-box .person-wrap .per-cls, .member-modal-box .person-wrap .per-cls {
        font-size: 12px;
        color: #27a3ff
    }

.login-back-box .tip-wrap, .member-modal-box .tip-wrap {
    padding-top: 20px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
    border-top: 1px dashed #e8e8e8
}

    .login-back-box .tip-wrap .tip-img, .member-modal-box .tip-wrap .tip-img {
        display: inline-block;
        position: relative;
        top: 0px;
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 4px;
        background: url(../images/tishi_bj_03.png) no-repeat;
        vertical-align: -5px
    }

.member-modal-box .mem-tip {
    font-size: 12px;
    color: #666
}

.member-modal-box .mem-del-tip {
    padding-bottom: 25px;
    text-align: center
}

.member-modal-box .input-wrap {
    height: 40px;
    padding: 15px 0 25px;
    line-height: 40px;
    color: #333
}

.member-modal-box .mem-name {
    width: 260px;
    height: 36px;
    line-height: 36px;
    border-radius: 5px
}

.member-modal-box .sub-btn {
    display: block;
    margin: 0 auto;
    cursor: pointer
}

.unbind-wechat-modal .mem-chat-tip {
    text-align: center
}

.unbind-wechat-modal .btn-cls {
    cursor: pointer
}

.unbind-wechat-modal .sure-btn {
    margin-left: 25px
}

.grzx-qr-modal {
    background: rgba(0,0,0,0.5)
}

    .grzx-qr-modal .image-modal-close {
        right: 50%;
        top: 50%;
        background: #666666;
        margin-right: -115px;
        margin-top: -155px;
        border: 1px solid #cbcbcb;
        color: #cbcbcb;
        font-size: 26px;
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-weight: normal
    }

    .grzx-qr-modal .img-box {
        width: 395px;
        height: 294px;
        background: url(../images/qr-code-grzx.png)
    }

.my-account-center-main .center-right .main-box {
    margin-top: 0
}

    .my-account-center-main .center-right .main-box .title-box {
        padding: 15px 50px 15px 30px;
        font-size: 16px;
        color: #333333;
        border-top: 10px solid #f9f9f9;
        border-bottom: 1px solid #eee;
        overflow: hidden
    }

        .my-account-center-main .center-right .main-box .title-box .service-view {
            float: right;
            margin-top: 6px;
            margin-right: 20px;
            color: #37a3ff;
            cursor: pointer;
            font-size: 14px
        }

    .my-account-center-main .center-right .main-box .top-box {
        padding-left: 30px
    }

    .my-account-center-main .center-right .main-box .top-table {
        width: 100%
    }

        .my-account-center-main .center-right .main-box .top-table .free-tr {
            height: 120px
        }

            .my-account-center-main .center-right .main-box .top-table .free-tr .total-title {
                padding-bottom: 12px;
                font-size: 16px;
                color: #888
            }

            .my-account-center-main .center-right .main-box .top-table .free-tr .total-money {
                font-size: 26px
            }

            .my-account-center-main .center-right .main-box .top-table .free-tr .btn-box {
                position: relative;
                display: inline-block;
                top: 3px;
                vertical-align: text-bottom
            }

                .my-account-center-main .center-right .main-box .top-table .free-tr .btn-box .btn {
                    width: 85px;
                    height: 32px;
                    line-height: 32px;
                    background: #37a3ff;
                    color: #fff;
                    font-size: 14px;
                    text-align: center;
                    border-radius: 3px;
                    display: inline-block;
                    margin-left: 30px
                }

                .my-account-center-main .center-right .main-box .top-table .free-tr .btn-box .btn-cash {
                    font-size: 14px;
                    color: #37a3ff;
                    margin-left: 20px
                }

            .my-account-center-main .center-right .main-box .top-table .free-tr .more-td {
                padding-left: 90px;
                border-left: 1px solid #f2e9e4;
                background-color: #fffcf8
            }

                .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-box {
                    position: relative
                }

                    .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-box .show-money {
                        display: inline-block;
                        width: 135px;
                        font-size: 18px;
                        color: #666
                    }

                    .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-box .detail {
                        font-size: 12px;
                        color: #37a3ff
                    }

                    .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-box .amoune-detail {
                        display: none
                    }

                .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-img {
                    display: inline-block;
                    position: absolute;
                    left: -60px
                }

                .my-account-center-main .center-right .main-box .top-table .free-tr .more-td .more-title {
                    color: #a45f08;
                    font-size: 12px;
                    padding-bottom: 10px
                }

            .my-account-center-main .center-right .main-box .top-table .free-tr .show-td {
                width: 22%;
                text-align: left;
                font-size: 14px;
                color: #666666
            }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .td-p {
                    display: inline-block;
                    font-size: 16px;
                    color: #888
                }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .money-td {
                    padding-top: 15px;
                    font-size: 20px;
                    color: #333
                }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .know-box {
                    display: inline-block;
                    position: relative
                }

                    .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .know-box:hover .know-tip {
                        display: block
                    }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .icon-know {
                    display: inline-block
                }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .know-tip {
                    display: none;
                    position: absolute;
                    top: -3px;
                    left: 20px;
                    width: 204px;
                    padding: 7px 10px;
                    font-size: 12px;
                    text-align: left;
                    line-height: 18px;
                    border: 1px solid #e8e8e8;
                    background-color: #fff;
                    border-radius: 5px;
                    box-shadow: 0 0 2px 2px rgba(232,232,232,0.3);
                    z-index: 5
                }

                    .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .know-tip .icon-arrow-left {
                        display: inline-block;
                        position: absolute;
                        top: 8px;
                        left: -7px
                    }

                .my-account-center-main .center-right .main-box .top-table .free-tr .show-td .froze-btn {
                    display: inline-block;
                    padding: 0 5px;
                    font-size: 12px;
                    color: #fff;
                    background-color: #fbc253;
                    border-radius: 3px
                }

            .my-account-center-main .center-right .main-box .top-table .free-tr .center-td {
                padding-left: 60px
            }

            .my-account-center-main .center-right .main-box .top-table .free-tr .inter-line1 {
                position: relative;
                width: 95%;
                top: 29px;
                border-top: 1px solid #f1f1f1
            }

            .my-account-center-main .center-right .main-box .top-table .free-tr .inter-line2 {
                position: relative;
                width: 100%;
                top: 40px;
                right: 55px;
                border-top: 1px dashed #f2e9e4;
                z-index: 5
            }

            .my-account-center-main .center-right .main-box .top-table .free-tr .inter-line3 {
                position: absolute;
                height: 90px;
                border-right: 1px solid #f1f1f1;
                top: 18px;
                right: 0px
            }

        .my-account-center-main .center-right .main-box .top-table td {
            position: relative
        }

        .my-account-center-main .center-right .main-box .top-table .money {
            color: #ff0101
        }

    .my-account-center-main .center-right .main-box .cont-box {
        padding: 0 30px 30px 30px
    }

    .my-account-center-main .center-right .main-box .table-box {
        padding: 0 20px;
        border: 1px solid #eee
    }

    .my-account-center-main .center-right .main-box #paper_order .uc-paging {
        float: right;
        left: inherit
    }

        .my-account-center-main .center-right .main-box #paper_order .uc-paging .paging-number {
            left: inherit
        }

            .my-account-center-main .center-right .main-box #paper_order .uc-paging .paging-number ul.jump-ul li .total-button {
                color: #333;
                background-color: #f7f7f7
            }

            .my-account-center-main .center-right .main-box #paper_order .uc-paging .paging-number ul.number-ul li.on {
                border: none;
                background-color: #fff;
                color: #37a3ff
            }

    .my-account-center-main .center-right .main-box .paper-order {
        height: 60px
    }

    .my-account-center-main .center-right .main-box .paper-order-off {
        height: 15px
    }

    .my-account-center-main .center-right .main-box .search-bar, .my-account-center-main .center-right .main-box .search-items {
        height: 48px;
        line-height: 48px;
        font-size: 12px;
        color: #666
    }

        .my-account-center-main .center-right .main-box .search-bar .type, .my-account-center-main .center-right .main-box .search-items .type {
            position: relative;
            top: 5px;
            border: 1px solid #eee;
            padding: 8px 20px;
            font-size: 14px;
            color: #5e5e5e;
            background-color: #f8f8f8;
            cursor: pointer
        }

            .my-account-center-main .center-right .main-box .search-bar .type.on, .my-account-center-main .center-right .main-box .search-items .type.on {
                color: #37a3ff;
                border-top: 2px solid #37a3ff;
                border-bottom: 1px solid #fff;
                background-color: #fff
            }

        .my-account-center-main .center-right .main-box .search-bar .item-bar, .my-account-center-main .center-right .main-box .search-items .item-bar {
            margin: 0 10px;
            cursor: pointer
        }

            .my-account-center-main .center-right .main-box .search-bar .item-bar.on, .my-account-center-main .center-right .main-box .search-items .item-bar.on {
                color: #37a3ff
            }

        .my-account-center-main .center-right .main-box .search-bar .search-right, .my-account-center-main .center-right .main-box .search-items .search-right {
            float: right
        }

            .my-account-center-main .center-right .main-box .search-bar .search-right .range-select, .my-account-center-main .center-right .main-box .search-items .search-right .range-select {
                top: 10px;
                width: 90px
            }

                .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .dropdown-list, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .dropdown-list {
                    top: 29px
                }

                .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .select-box, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .select-box {
                    background-color: #fff;
                    width: 90px;
                    text-align: center;
                    padding-left: 12px;
                    border: 1px solid #e4e4e4
                }

                    .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .select-box .icon-arrow-down, .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .select-box .icon-arrow-up, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .select-box .icon-arrow-down, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .select-box .icon-arrow-up {
                        top: 14px;
                        left: 18px
                    }

                .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .selected-text, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .selected-text {
                    height: 28px;
                    line-height: 28px;
                    font-size: 12px;
                    color: #464646
                }

                .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .dropdown-list, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .dropdown-list {
                    display: block;
                    border-top: none;
                    top: 29px;
                    left: 0px
                }

                    .my-account-center-main .center-right .main-box .search-bar .search-right .range-select .dropdown-list .dropdown-item, .my-account-center-main .center-right .main-box .search-items .search-right .range-select .dropdown-list .dropdown-item {
                        padding: 0 42px 0 12px
                    }

            .my-account-center-main .center-right .main-box .search-bar .search-right .input-txt, .my-account-center-main .center-right .main-box .search-items .search-right .input-txt {
                width: 178px;
                height: 28px;
                border: 1px solid #e4e4e4;
                padding-left: 10px;
                background-color: white;
                text-align: left;
                margin-left: 30px
            }

                .my-account-center-main .center-right .main-box .search-bar .search-right .input-txt:focus, .my-account-center-main .center-right .main-box .search-items .search-right .input-txt:focus {
                    border-color: #e4e4e4 !important;
                    box-shadow: none
                }

            .my-account-center-main .center-right .main-box .search-bar .search-right .search-btn, .my-account-center-main .center-right .main-box .search-items .search-right .search-btn {
                position: relative;
                width: 56px;
                height: 30px;
                right: 5px;
                margin-right: 20px;
                font-size: 12px;
                background-color: #f8f8f8;
                color: #333;
                border: 1px solid #d6d6d6;
                border-radius: 0;
                box-shadow: none;
                cursor: pointer
            }

            .my-account-center-main .center-right .main-box .search-bar .search-right .export-btn, .my-account-center-main .center-right .main-box .search-items .search-right .export-btn {
                color: #37a3ff
            }

                .my-account-center-main .center-right .main-box .search-bar .search-right .export-btn .icon-export-out, .my-account-center-main .center-right .main-box .search-items .search-right .export-btn .icon-export-out {
                    display: inline-block;
                    margin: 0 3px 0 0;
                    position: relative;
                    top: 4px
                }

    .my-account-center-main .center-right .main-box .search-bar {
        position: relative;
        padding-top: 20px;
        height: 46px
    }

.my-account-center-main .data-table {
    width: 100%
}

    .my-account-center-main .data-table thead tr {
        border-bottom: none
    }

    .my-account-center-main .data-table thead th {
        padding-left: 15px;
        text-align: left;
        min-width: 80px
    }

    .my-account-center-main .data-table thead .th-sx {
        width: 90px
    }

    .my-account-center-main .data-table tr {
        border-bottom: 1px solid #e9ebed
    }

        .my-account-center-main .data-table tr th {
            height: 38px;
            line-height: 38px;
            font-weight: 100;
            font-size: 12px;
            color: #333;
            background-color: #f5f5f5
        }

        .my-account-center-main .data-table tr td {
            line-height: 20px;
            text-align: left;
            padding: 10px 15px;
            font-size: 12px;
            color: #666;
            background-color: #fff
        }

            .my-account-center-main .data-table tr td i {
                color: #ff0000
            }

        .my-account-center-main .data-table tr .txt-td {
            word-wrap: break-word;
            word-break: break-all
        }

            .my-account-center-main .data-table tr .txt-td .know-box {
                display: inline-block;
                position: relative;
                width: 10px;
                height: 14px
            }

                .my-account-center-main .data-table tr .txt-td .know-box:hover .know-tip {
                    display: block
                }

                .my-account-center-main .data-table tr .txt-td .know-box .icon-bind-phone {
                    display: inline-block;
                    position: absolute;
                    top: 2px
                }

            .my-account-center-main .data-table tr .txt-td .icon-know {
                display: inline-block
            }

            .my-account-center-main .data-table tr .txt-td .know-tip {
                display: none;
                position: absolute;
                top: -75px;
                left: -250px;
                width: 300px;
                padding: 7px 10px;
                font-size: 12px;
                text-align: left;
                line-height: 18px;
                border: 1px solid #e8e8e8;
                background-color: #fff;
                border-radius: 5px;
                box-shadow: 0 0 2px 2px rgba(232,232,232,0.3);
                z-index: 5
            }

                .my-account-center-main .data-table tr .txt-td .know-tip .icon-arrow-bottom {
                    display: inline-block;
                    position: absolute;
                    bottom: -14px;
                    right: 59px;
                    width: 0;
                    height: 0;
                    border: 5px solid transparent;
                    border-bottom: 7px solid transparent;
                    border-top: 7px solid #fff
                }

        .my-account-center-main .data-table tr .empty-td {
            text-align: center
        }

.join-company-main .title-box {
    padding: 15px 0 15px 30px;
    font-size: 16px;
    color: #333333;
    border-top: 10px solid #f9f9f9;
    border-bottom: 1px solid #eee
}

.join-company-main .center-right .main-box {
    margin-top: 0
}

.join-company-main .join-company-box .join-tip {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 30px;
    background-color: #fffbf7
}

    .join-company-main .join-company-box .join-tip .tip-icon {
        display: inline-block;
        position: relative;
        top: 3px
    }

.join-company-main .join-company-box .span-title {
    display: inline-block;
    width: 115px
}

.join-company-main .join-company-box .captcha-box {
    display: inline-block;
    height: 40px
}

    .join-company-main .join-company-box .captcha-box .captcha {
        width: 295px
    }

.join-company-main .join-company-box .input-text {
    width: 283px;
    height: 34px
}

.join-company-main .join-company-box .join-wrap {
    width: 425px;
    padding-left: 50px;
    margin-top: 50px;
    padding-bottom: 45px
}

.join-company-main .join-company-box li {
    position: relative
}

    .join-company-main .join-company-box li .sms-input {
        width: 175px
    }

    .join-company-main .join-company-box li .verification {
        position: absolute;
        top: 0;
        right: 0;
        height: 36px;
        line-height: 36px
    }

        .join-company-main .join-company-box li .verification img {
            width: 108px;
            height: 36px;
            font-size: 12px
        }

    .join-company-main .join-company-box li .prefect-button {
        margin: auto;
        color: #fff;
        background-color: #37a3ff;
        border-color: #37a3ff
    }

    .join-company-main .join-company-box li .sure-num-click {
        background: #37a3ff;
        color: #fff;
        cursor: pointer
    }

.join-company-main .join-company-box .pass-import {
    height: 20px;
    margin-left: 96px
}

.join-company-main .join-company-box .bottom-cont-box {
    padding: 0 40px
}

    .join-company-main .join-company-box .bottom-cont-box .tip-cont-box {
        border-top: 1px dashed #eee;
        padding: 10px 0
    }

    .join-company-main .join-company-box .bottom-cont-box .tip-sum {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        color: #333
    }

    .join-company-main .join-company-box .bottom-cont-box .tip-wrap {
        position: relative;
        font-size: 12px;
        color: #666;
        font-weight: bold;
        line-height: 30px;
        padding-bottom: 10px;
        padding-left: 15px
    }

    .join-company-main .join-company-box .bottom-cont-box .tip-dash {
        position: absolute;
        display: inline-block;
        width: 6px;
        height: 6px;
        top: 13px;
        left: 0;
        border-radius: 50%;
        background-color: #e3e3e3
    }

    .join-company-main .join-company-box .bottom-cont-box .tip-cont {
        font-weight: 100;
        color: #767676
    }

    .join-company-main .join-company-box .bottom-cont-box .tip-guide {
        color: #37a3ff;
        cursor: pointer
    }

.center-right .main-box {
    margin-top: 10px;
    background: #fff !important
}

.center-right .charge-type {
    font-size: 14px;
    padding: 20px 0;
    color: #666;
    width: 1000px;
    margin: 0 auto
}

.center-right .charge-ul {
    background: none;
    padding-left: 70px
}

    .center-right .charge-ul li {
        width: 90px;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        background: #e5e5e5;
        color: #666
    }

        .center-right .charge-ul li a {
            color: #666
        }

        .center-right .charge-ul li.on {
            background: #37a3ff
        }

            .center-right .charge-ul li.on a {
                color: #fff
            }

.center-right .main2-ul {
    height: 40px
}

    .center-right .main2-ul li {
        float: left;
        margin-right: 10px;
        text-align: center;
        cursor: pointer
    }

.center-right .panel-box {
    padding: 20px 0;
    background: #fff;
    color: #666d71
}

    .center-right .panel-box .form-box {
        width: 1000px;
        margin: 10px auto 0
    }

        .center-right .panel-box .form-box .recharge-form {
            margin-top: 20px
        }

            .center-right .panel-box .form-box .recharge-form .title-input-box {
                margin-bottom: 15px;
                overflow: hidden
            }

                .center-right .panel-box .form-box .recharge-form .title-input-box .input-title {
                    display: block;
                    float: left;
                    width: auto;
                    height: 26px;
                    line-height: 26px;
                    margin-right: 10px;
                    text-align: left
                }

                .center-right .panel-box .form-box .recharge-form .title-input-box .input-div {
                    float: left;
                    width: 850px
                }

                    .center-right .panel-box .form-box .recharge-form .title-input-box .input-div .form-text {
                        display: inline-block;
                        width: 220px;
                        height: 24px;
                        line-height: 24px;
                        padding-left: 10px;
                        border: 1px solid #B3B3B3;
                        color: #424344
                    }

        .center-right .panel-box .form-box .desc {
            color: #37a3ff;
            margin-bottom: 15px
        }

    .center-right .panel-box .label-h5 {
        padding-left: 40px;
        margin: 16px 0 6px 0
    }

    .center-right .panel-box .form-right {
        width: 980px;
        padding: 8px 10px;
        margin: 0 auto;
        background: #f2faff;
        border: 1px solid #e0f1fe;
        color: #666d71
    }

        .center-right .panel-box .form-right ul {
            width: 92%;
            padding-left: 8%
        }

            .center-right .panel-box .form-right ul li {
                width: 25%;
                height: 50px;
                display: inline-block;
                margin: 4px 0;
                float: left
            }

                .center-right .panel-box .form-right ul li label {
                    display: inline-block;
                    width: 100%;
                    position: relative;
                    cursor: pointer
                }

                    .center-right .panel-box .form-right ul li label input {
                        position: absolute;
                        position: absolute;
                        left: 0;
                        top: 16px;
                        -webkit-appearance: radio
                    }

                    .center-right .panel-box .form-right ul li label img {
                        padding-left: 20px
                    }

        .center-right .panel-box .form-right p {
            margin-bottom: 8px;
            font-size: 12px
        }

    .center-right .panel-box .recharge-btn {
        text-align: right;
        width: 100%;
        height: 52px;
        line-height: 52px
    }

        .center-right .panel-box .recharge-btn input {
            cursor: pointer;
            width: 90px;
            height: 32px;
            margin-right: 40px;
            background-color: #37a3ff;
            border: 1px solid #37a3ff;
            color: #fff
        }

    .center-right .panel-box .tip {
        background: none
    }

    .center-right .panel-box .bank-info {
        margin: 20px auto;
        width: 500px;
        color: #333
    }

        .center-right .panel-box .bank-info p {
            line-height: 28px
        }

        .center-right .panel-box .bank-info span {
            display: block;
            font-size: 14px;
            line-height: 60px;
            color: #39a1ea;
            font-weight: bold
        }

    .center-right .panel-box .tab2 {
        display: none
    }

        .center-right .panel-box .tab2 .tip {
            width: 700px;
            padding-left: 210px;
            border: none
        }

        .center-right .panel-box .tab2 .tip-title {
            margin-bottom: 10px;
            color: #fb0000
        }

        .center-right .panel-box .tab2 .tip-txt {
            font-size: 14px;
            color: #666
        }

.recharge-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: none
}

    .recharge-dialog .dialog-body {
        width: 540px;
        padding: 20px;
        margin: 80px auto 0;
        border-radius: 5px;
        background: #fff;
        border: 1px solid #ccc;
        overflow: hidden
    }

        .recharge-dialog .dialog-body p {
            text-align: center;
            font-size: 20px;
            color: #666d71
        }

            .recharge-dialog .dialog-body p a {
                display: inline-block;
                padding: 8px 15px;
                font-size: 12px;
                margin: 20px 11px 0px;
                border-radius: 4px;
                color: #fff
            }

            .recharge-dialog .dialog-body p .ok-btn {
                background: #37a3ff
            }

            .recharge-dialog .dialog-body p .fail-btn {
                background: #666d71
            }

.center-right .order-head span {
    font-size: 22px;
    margin-left: 40px;
    height: 80px;
    line-height: 80px
}

.center-right .title-bar {
    height: 36px;
    margin-bottom: 12px;
    width: 100%;
    background-color: #f2faff;
    border: 1px solid #e0f1fe
}

.center-right .withdraw-main-box {
    padding: 20px 10px;
    background: #fff
}

    .center-right .withdraw-main-box .form-div {
        margin-bottom: 15px
    }

        .center-right .withdraw-main-box .form-div .form-title {
            display: block;
            float: left;
            width: 115px;
            height: 26px;
            line-height: 26px;
            margin-right: 10px;
            text-align: right
        }

        .center-right .withdraw-main-box .form-div .form-right {
            float: left;
            width: 850px
        }

            .center-right .withdraw-main-box .form-div .form-right .form-text {
                display: inline-block;
                width: 220px;
                height: 24px;
                line-height: 24px;
                padding-left: 10px;
                border: 1px solid #B3B3B3;
                color: #424344
            }

            .center-right .withdraw-main-box .form-div .form-right .form-sub {
                display: block;
                width: 100px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                font-size: 13px;
                border-radius: 5px;
                background: #37a3ff;
                color: #fff;
                border: 0;
                cursor: pointer
            }

            .center-right .withdraw-main-box .form-div .form-right .withdraw-box {
                position: relative
            }

            .center-right .withdraw-main-box .form-div .form-right .service-qa-box {
                position: absolute;
                top: -3px;
                right: 18px
            }

                .center-right .withdraw-main-box .form-div .form-right .service-qa-box .icon-qa {
                    width: 14px;
                    height: 14px;
                    line-height: 14px;
                    display: inline-block;
                    margin-top: 6px;
                    background-image: url(../images/icon-rent-tip.png)
                }

                .center-right .withdraw-main-box .form-div .form-right .service-qa-box .icon-border-top {
                    position: absolute;
                    left: 21px;
                    top: -7px;
                    width: 10px;
                    height: 7px;
                    margin-left: 10px;
                    display: block;
                    z-index: 10;
                    background-image: url(../images/icon-border-top.png)
                }

                .center-right .withdraw-main-box .form-div .form-right .service-qa-box .qa-detail {
                    position: absolute;
                    left: -30px;
                    top: 30px;
                    width: 180px;
                    height: auto;
                    line-height: 20px;
                    border: 1px solid #e8e8e8;
                    background: #fff;
                    padding: 3px 10px;
                    font-size: 12px;
                    color: #7e7e7e;
                    box-shadow: 0 0 9px -3px;
                    z-index: 9
                }

                    .center-right .withdraw-main-box .form-div .form-right .service-qa-box .qa-detail .common-paper-content {
                        width: 100%;
                        padding: 5px 0
                    }

                    .center-right .withdraw-main-box .form-div .form-right .service-qa-box .qa-detail p {
                        line-height: 24px;
                        font-size: 12px;
                        position: relative
                    }

    .center-right .withdraw-main-box .log-table {
        width: 1040px;
        margin: 0 auto;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0
    }

        .center-right .withdraw-main-box .log-table .tr1 {
            height: 40px;
            background: #f5f5f5
        }

            .center-right .withdraw-main-box .log-table .tr1 th {
                font-weight: 600;
                font-size: 14px;
                line-height: 40px;
                padding: 0;
                border: 1px solid #ccc;
                text-align: center;
                vertical-align: middle
            }

        .center-right .withdraw-main-box .log-table td {
            position: relative;
            border: 1px solid #ccc;
            text-align: center;
            vertical-align: middle;
            padding: 8px
        }

            .center-right .withdraw-main-box .log-table td .cancel-btn {
                width: 64px;
                height: 24px;
                line-height: 24px;
                background: #37a3ff;
                color: #fff;
                font-size: 12px;
                text-align: center;
                border-radius: 3px;
                cursor: pointer;
                display: inline-block
            }

    .center-right .withdraw-main-box .tip-box {
        border: 1px solid #e0f1fe;
        color: #666d71;
        padding: 8px 10px;
        width: 1018px;
        margin: 10px auto;
        background: #FBFDFF
    }

        .center-right .withdraw-main-box .tip-box div {
            font-size: 12px;
            margin-bottom: 8px;
            color: #666d71
        }

.center-right .gr-xx {
    width: 1078px;
    height: 230px;
    border-radius: 10px;
    border: 1px solid #e9ebed;
    background: #fff
}

    .center-right .gr-xx .gr-xx-top {
        width: 1078px;
        height: 110px;
        border-bottom: 1px dashed #e9ebed
    }

        .center-right .gr-xx .gr-xx-top .xx-zh {
            width: 450px;
            height: 100px;
            margin-left: 25px;
            *margin-left: 10px;
            padding-top: 10px
        }

            .center-right .gr-xx .gr-xx-top .xx-zh p {
                font-size: 18px;
                color: #454a4d;
                width: 310px;
                height: 40px;
                line-height: 40px
            }

                .center-right .gr-xx .gr-xx-top .xx-zh p.companyName {
                    font-size: 16px;
                    word-break: keep-all;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 6px
                }

                .center-right .gr-xx .gr-xx-top .xx-zh p#xingji {
                    width: 128px
                }

                    .center-right .gr-xx .gr-xx-top .xx-zh p#xingji img {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                        width: 21px;
                        height: 21px;
                        margin: 8px 0
                    }

                .center-right .gr-xx .gr-xx-top .xx-zh p.num-phone {
                    width: 450px;
                    position: relative
                }

                .center-right .gr-xx .gr-xx-top .xx-zh p a {
                    font-size: 12px;
                    color: #1173ab;
                    vertical-align: 8px
                }

                    .center-right .gr-xx .gr-xx-top .xx-zh p a.num-phone-a {
                        position: absolute;
                        right: 1px;
                        top: 0px
                    }

                    .center-right .gr-xx .gr-xx-top .xx-zh p a:hover {
                        color: #666d71
                    }

    .center-right .gr-xx .div_bill {
        width: 570px;
        height: 100px;
        padding-top: 10px;
        border-left: 1px dashed #e9ebed
    }

        .center-right .gr-xx .div_bill p {
            height: 40px;
            line-height: 40px;
            padding-left: 10px;
            position: relative
        }

            .center-right .gr-xx .div_bill p span {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                width: 100px;
                height: 40px;
                line-height: 40px;
                text-align: right;
                color: #454a4d
            }

            .center-right .gr-xx .div_bill p i {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                width: 140px;
                height: 40px;
                line-height: 40px;
                color: #454a4d
            }

                .center-right .gr-xx .div_bill p i#qkMoney, .center-right .gr-xx .div_bill p i#wfMoney {
                    color: #fe4979
                }

            .center-right .gr-xx .div_bill p .cz {
                display: block;
                position: absolute;
                right: 26px;
                top: 8px;
                width: 60px;
                height: 24px;
                line-height: 24px;
                text-align: center;
                border-radius: 2px;
                background: #37a3ff;
                font-size: 12px;
                color: #fff
            }

    .center-right .gr-xx .gr-xx-bottom {
        width: 1078px;
        height: 120px
    }

        .center-right .gr-xx .gr-xx-bottom .xx-num {
            margin: 0px 0 0 18px;
            padding-left: 14px;
            width: 380px;
            border-right: 1px dashed #e9ebed
        }

            .center-right .gr-xx .gr-xx-bottom .xx-num li {
                width: 112px;
                margin-right: 8px;
                *margin-right: 6px;
                padding: 18px 0
            }

                .center-right .gr-xx .gr-xx-bottom .xx-num li label {
                    display: block;
                    width: 50px;
                    height: 50px;
                    margin: 0 auto;
                    background: url(../images/center.png) no-repeat
                }

                    .center-right .gr-xx .gr-xx-bottom .xx-num li label.d-fx {
                        background-position: 0 0
                    }

                    .center-right .gr-xx .gr-xx-bottom .xx-num li label.d-sh {
                        background-position: -60px 0
                    }

                    .center-right .gr-xx .gr-xx-bottom .xx-num li label.zl-z {
                        background-position: -120px 0
                    }

                .center-right .gr-xx .gr-xx-bottom .xx-num li p {
                    margin-top: 12px;
                    text-align: center;
                    font-size: 12px;
                    color: #666d71
                }

                    .center-right .gr-xx .gr-xx-bottom .xx-num li p span {
                        color: #fe4979;
                        font-weight: 600
                    }

        .center-right .gr-xx .gr-xx-bottom .couponCount-div {
            width: 300px;
            height: 120px;
            border-right: 1px dashed #e9ebed
        }

            .center-right .gr-xx .gr-xx-bottom .couponCount-div p {
                height: 40px;
                line-height: 40px;
                padding-left: 34px;
                padding-top: 20px;
                color: #454a4d
            }

        .center-right .gr-xx .gr-xx-bottom .myj-div {
            width: 350px;
            height: 120px
        }

            .center-right .gr-xx .gr-xx-bottom .myj-div p {
                height: 40px;
                line-height: 40px
            }

                .center-right .gr-xx .gr-xx-bottom .myj-div p.myj-div-p1 {
                    padding-top: 20px
                }

                .center-right .gr-xx .gr-xx-bottom .myj-div p span {
                    display: inline-block;
                    vertical-align: middle;
                    *vertical-align: auto;
                    *zoom: 1;
                    *display: inline;
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    margin-right: 12px;
                    color: #454a4d
                }

                    .center-right .gr-xx .gr-xx-bottom .myj-div p span.myh-spLeft {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline;
                        width: 100px;
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        margin-right: 0;
                        color: #454a4d
                    }

                .center-right .gr-xx .gr-xx-bottom .myj-div p .xx-lookXS {
                    margin-left: 0
                }

.center-right .center-allDd {
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    margin: 0 10px;
    font-size: 18px
}

    .center-right .center-allDd a {
        display: block;
        position: absolute;
        right: 0;
        top: 10px;
        font-size: 14px;
        color: #37a3ff
    }

.center-right .center-Dingd {
    margin-top: 10px;
    padding-bottom: 10px;
    background: #fff;
    border: 1px solid #ccc
}

    .center-right .center-Dingd .dingd-ddhC {
        position: relative;
        margin-top: 10px;
        height: 30px;
        line-height: 30px;
        background: #E6ECF0;
        border-bottom: 1px solid #ccc
    }

        .center-right .center-Dingd .dingd-ddhC dt {
            width: 862px;
            padding-left: 20px;
            line-height: 30px
        }

            .center-right .center-Dingd .dingd-ddhC dt span {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                margin-right: 15px
            }

                .center-right .center-Dingd .dingd-ddhC dt span a {
                    color: #37a3ff
                }

        .center-right .center-Dingd .dingd-ddhC dd {
            position: absolute;
            right: 5px;
            top: 0
        }

            .center-right .center-Dingd .dingd-ddhC dd a {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                margin-left: 8px;
                color: #37a3ff
            }

    .center-right .center-Dingd .center-Dtab {
        width: 98%;
        margin: 10px auto 0;
        border: 1px solid #ccc
    }

        .center-right .center-Dingd .center-Dtab td {
            text-align: center;
            border: 1px solid #ccc;
            vertical-align: middle;
            position: relative;
            padding: 5px 10px
        }

            .center-right .center-Dingd .center-Dtab td dl {
                padding: 0 20px;
                height: 84px
            }

                .center-right .center-Dingd .center-Dtab td dl dt img {
                    display: block;
                    width: 85px;
                    height: 84px
                }

                .center-right .center-Dingd .center-Dtab td dl dd {
                    width: 300px;
                    margin-top: 20px;
                    text-align: left
                }

                    .center-right .center-Dingd .center-Dtab td dl dd a {
                        width: 300px;
                        background: none;
                        color: #333;
                        text-align: left
                    }

            .center-right .center-Dingd .center-Dtab td a {
                color: #37a3ff
            }

    .center-right .center-Dingd .dingdan-div {
        padding: 20px 0 20px;
        background: #f8f8f8
    }

        .center-right .center-Dingd .dingdan-div p {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            text-indent: 20px
        }

        .center-right .center-Dingd .dingdan-div dt {
            width: 862px;
            padding-left: 20px
        }

            .center-right .center-Dingd .dingdan-div dt span {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                margin-right: 15px
            }

        .center-right .center-Dingd .dingdan-div dd {
            padding-right: 8px
        }

            .center-right .center-Dingd .dingdan-div dd a {
                color: #37a3ff
            }

.center-right .modify-pass-main {
    padding-top: 60px;
    margin: 0 auto 20px;
    font-size: 14px;
    color: #333
}

    .center-right .modify-pass-main li {
        margin-bottom: 14px;
        clear: both;
        position: relative
    }

        .center-right .modify-pass-main li .forgetPass-link {
            position: absolute;
            right: -200px;
            top: 0;
            line-height: 36px;
            color: #37a3ff
        }

        .center-right .modify-pass-main li .verification {
            float: right;
            margin-right: 34px;
            width: 110px;
            height: 38px;
            display: inline-block;
            border: 1px solid #e9ebed;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

            .center-right .modify-pass-main li .verification img {
                width: 110px;
                height: 38px
            }

        .center-right .modify-pass-main li .sure-num-click {
            display: inline-block;
            width: 108px;
            text-align: center;
            line-height: 40px;
            margin-left: 12px;
            height: 40px;
            background: #37a3ff;
            font-size: 12px;
            color: #fff;
            cursor: pointer
        }

        .center-right .modify-pass-main li #imgCodeBtn {
            width: 110px;
            height: 38px;
            position: absolute;
            margin-left: 14px;
            float: left;
            cursor: pointer
        }

    .center-right .modify-pass-main .pass-import {
        width: 100%;
        height: 20px;
        margin: -9px 0 0 30%
    }

        .center-right .modify-pass-main .pass-import .error-pass {
            display: block
        }

            .center-right .modify-pass-main .pass-import .error-pass .icon-prefect-error {
                margin-top: -4px
            }

    .center-right .modify-pass-main .span-title {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 45%;
        height: 30px;
        line-height: 30px;
        color: #000;
        text-align: right;
        margin-right: 10px
    }

        .center-right .modify-pass-main .span-title i {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            margin-left: 7px
        }

    .center-right .modify-pass-main .modify {
        color: #39a1ea;
        -moz-transition: color .25s ease-in-out;
        -o-transition: color .25s ease-in-out;
        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
        cursor: pointer
    }

        .center-right .modify-pass-main .modify:hover {
            color: #333;
            -moz-transition: color .25s ease-in-out;
            -o-transition: color .25s ease-in-out;
            -webkit-transition: color .25s ease-in-out;
            transition: color .25s ease-in-out
        }

    .center-right .modify-pass-main .important-ico {
        display: inline-block;
        margin-right: 8px;
        color: red
    }

    .center-right .modify-pass-main .yz_btn_time {
        margin-top: -2px;
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 110px;
        height: 40px;
        line-height: 40px;
        background: #f5f5f5;
        color: #333;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
        border-radius: 4px;
        margin-left: 10px
    }

.center-right .modify-bind {
    width: 800px
}

    .center-right .modify-bind .span-title {
        width: 42%
    }

    .center-right .modify-bind .span-main {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        width: 112px
    }

    .center-right .modify-bind ._email_list .span-main, .center-right .modify-bind ._email_new .span-main {
        width: auto;
        min-width: 112px
    }

    .center-right .modify-bind ._email_list ._span_input input, .center-right .modify-bind ._email_new ._span_input input {
        width: 280px;
        height: 30px;
        color: #333
    }

    .center-right .modify-bind ._email_list ._span_input .error-prompt-main, .center-right .modify-bind ._email_new ._span_input .error-prompt-main {
        padding-left: 44%;
        margin-top: 5px
    }

    .center-right .modify-bind .modify {
        vertical-align: middle;
        margin-left: 5px
    }

.center-right .phone-modify {
    width: 685px;
    height: auto;
    line-height: 28px;
    padding-bottom: 10px
}

    .center-right .phone-modify .pass-import {
        height: 28px;
        margin: -9px 0 0 47%
    }

.center-right .modify-phone {
    margin-top: 80px;
    display: none;
    width: 530px
}

    .center-right .modify-phone .span-title {
        width: 140px
    }

.center-right .modify-pass {
    width: 330px
}

    .center-right .modify-pass .pass-import {
        margin: -9px 0 0 26%
    }

.center-right .gr_text {
    width: 204px;
    height: 35px;
    line-height: 35px
}

.center-right .gr_btn {
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    background: #3da3e3;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 3px;
    margin: 24px auto;
    cursor: pointer
}

.center-right .captcha {
    display: inline-block;
    width: 340px;
    height: 35px;
    line-height: 35px
}

.dz-xinx {
    width: 1078px;
    border: 1px solid #e9ebed;
    margin-bottom: 10px
}

    .dz-xinx h4, .dz-xinx .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .dz-xinx p {
        position: relative;
        width: 1058px;
        height: 36px;
        line-height: 36px;
        background-color: #f2faff;
        color: #1173ab;
        padding-left: 20px;
        font-weight: bold;
        font-size: 14px
    }

        .dz-xinx h4 span, .dz-xinx .onemonth .bill-centerRight .bill-total .total-top .topLeft p span, .onemonth .bill-centerRight .bill-total .total-top .topLeft .dz-xinx p span {
            display: block;
            position: absolute;
            right: 10px;
            top: -2px
        }

            .dz-xinx h4 span .zu-input, .dz-xinx .onemonth .bill-centerRight .bill-total .total-top .topLeft p span .zu-input, .onemonth .bill-centerRight .bill-total .total-top .topLeft .dz-xinx p span .zu-input {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                width: 150px;
                height: 25px;
                line-height: 20px;
                padding-left: 10px;
                border: 1px solid #ccc;
                background: #fff;
                color: #666d71
            }

            .dz-xinx h4 span .search-zu, .dz-xinx .onemonth .bill-centerRight .bill-total .total-top .topLeft p span .search-zu, .onemonth .bill-centerRight .bill-total .total-top .topLeft .dz-xinx p span .search-zu {
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                padding: 0 10px;
                height: 27px;
                line-height: 27px;
                text-align: center;
                border-radius: 3px;
                background: #37a3ff;
                color: #fff
            }

    .dz-xinx .xinx-cont {
        width: 1038px;
        background-color: #fcfcfc;
        padding: 0 20px 30px 20px
    }

        .dz-xinx .xinx-cont .zu_word {
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            color: #666d71;
            text-align: right
        }

            .dz-xinx .xinx-cont .zu_word .zu_word span {
                color: #fd2323
            }

.order-return {
    margin-bottom: 10px;
    width: 1078px;
    height: auto;
    border: 1px solid #e9ebed;
    background: #fcfcfc
}

    .order-return h4, .order-return .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-return p {
        width: 1058px;
        height: 36px;
        line-height: 36px;
        position: relative;
        padding-left: 20px;
        font-weight: bold;
        font-size: 14px;
        color: #1173ab;
        background-color: #f2faff
    }

        .order-return h4 .choice-box, .order-return .onemonth .bill-centerRight .bill-total .total-top .topLeft p .choice-box, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-return p .choice-box {
            position: absolute;
            right: 20px;
            top: 0;
            display: block
        }

            .order-return h4 .choice-box input, .order-return .onemonth .bill-centerRight .bill-total .total-top .topLeft p .choice-box input, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-return p .choice-box input {
                width: 170px;
                height: 25px;
                line-height: 20px;
                border: 1px solid #ccc;
                background: #fafafa
            }

                .order-return h4 .choice-box input:focus, .order-return .onemonth .bill-centerRight .bill-total .total-top .topLeft p .choice-box input:focus, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-return p .choice-box input:focus {
                    border-color: #ccc !important
                }

            .order-return h4 .choice-box .search-btn, .order-return .onemonth .bill-centerRight .bill-total .total-top .topLeft p .choice-box .search-btn, .onemonth .bill-centerRight .bill-total .total-top .topLeft .order-return p .choice-box .search-btn {
                display: inline-block;
                padding: 0 10px;
                width: auto;
                height: 27px;
                line-height: 27px;
                background: #37a3ff;
                color: #fff;
                font-size: 14px;
                text-align: center;
                border-radius: 3px
            }

    .order-return .container {
        padding: 0 20px 60px 20px;
        width: 1038px
    }

        .order-return .container .amount-box {
            height: 40px;
            line-height: 40px;
            text-align: left;
            font-size: 14px;
            color: #666d71
        }

            .order-return .container .amount-box span {
                color: #f00
            }

        .order-return .container table {
            margin: 0 auto;
            width: 1040px;
            border: 1px solid #ccc
        }

            .order-return .container table th, .order-return .container table td {
                text-align: center;
                vertical-align: middle;
                line-height: 40px;
                border: 1px solid #ccc
            }

            .order-return .container table td {
                padding: 0 8px
            }

                .order-return .container table td a {
                    color: #000
                }

            .order-return .container table .thead-tr {
                background: #f5f5f5
            }

                .order-return .container table .thead-tr th {
                    height: 40px;
                    line-height: 40px
                }

.order-relet {
    margin-top: 10px;
    padding: 0 20px 30px;
    width: 1040px;
    height: auto;
    background: #fff
}

    .order-relet .upside .title {
        line-height: 50px;
        font-size: 16px;
        color: #464646;
        border-bottom: 1px solid #eaeaea
    }

    .order-relet .upside .all-relet-btn-box {
        display: none;
        text-align: right
    }

    .order-relet .upside .all-relet-btn {
        margin: 20px 0 15px 0
    }

    .order-relet .table-body {
        margin-bottom: 20px;
        border: 1px solid #e8e8e8
    }

        .order-relet .table-body .details-cont {
            border: none;
            border-top: 1px solid #e8e8e8
        }

            .order-relet .table-body .details-cont .content-table div {
                padding-top: 20px;
                line-height: 22px;
                vertical-align: top;
                color: #888;
                font-size: 12px;
                border: none;
                box-sizing: border-box
            }

            .order-relet .table-body .details-cont .content-table .title-td {
                position: relative;
                padding-bottom: 20px;
                width: 356px;
                text-align: left
            }

                .order-relet .table-body .details-cont .content-table .title-td .introduce {
                    width: 240px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    word-break: break-all;
                    color: #333
                }

                    .order-relet .table-body .details-cont .content-table .title-td .introduce:hover {
                        color: #37a3ff
                    }

                .order-relet .table-body .details-cont .content-table .title-td .pic {
                    margin: 0 13px 0 16px;
                    width: 80px;
                    height: 80px;
                    border: 1px solid #efefef;
                    box-sizing: border-box
                }

                .order-relet .table-body .details-cont .content-table .title-td .icon-anytime-rent {
                    position: absolute;
                    width: 61px;
                    height: 18px;
                    top: 17px;
                    left: -3px;
                    z-index: 999
                }

                .order-relet .table-body .details-cont .content-table .title-td .icon-fixed-rent {
                    position: absolute;
                    width: 60px;
                    height: 18px;
                    top: 17px;
                    left: -3px;
                    z-index: 999
                }

            .order-relet .table-body .details-cont .content-table .num-td, .order-relet .table-body .details-cont .content-table .rent-td, .order-relet .table-body .details-cont .content-table .rent-type-td, .order-relet .table-body .details-cont .content-table .rent-time-td {
                border-right: 1px solid #e8e8e8
            }

            .order-relet .table-body .details-cont .content-table .rent-td {
                padding: 20px 15px;
                width: 170px;
                text-align: left
            }

                .order-relet .table-body .details-cont .content-table .rent-td .relet-rent {
                    color: #fa232c
                }

            .order-relet .table-body .details-cont .content-table .rent-type-td {
                padding: 20px 15px;
                width: 225px;
                text-align: left
            }

                .order-relet .table-body .details-cont .content-table .rent-type-td .now-rent-text {
                    padding-bottom: 4px;
                    border-bottom: 1px solid #f3f3f3
                }

                .order-relet .table-body .details-cont .content-table .rent-type-td .relet-rent-type-text {
                    padding-top: 6px;
                    line-height: 20px
                }

                .order-relet .table-body .details-cont .content-table .rent-type-td .relet-rent-type {
                    color: #333
                }

            .order-relet .table-body .details-cont .content-table .rent-time-td {
                width: 100px
            }

            .order-relet .table-body .details-cont .content-table .act-td {
                width: 95px
            }

                .order-relet .table-body .details-cont .content-table .act-td span, .order-relet .table-body .details-cont .content-table .act-td button {
                    display: block;
                    margin: 0 auto
                }

                .order-relet .table-body .details-cont .content-table .act-td span {
                    width: 68px;
                    height: 25px;
                    line-height: 23px;
                    color: #999;
                    background: #fff;
                    border: 1px solid #eee;
                    border-radius: 3px
                }

                .order-relet .table-body .details-cont .content-table .act-td .cancel-rent {
                    margin-top: 10px
                }

                .order-relet .table-body .details-cont .content-table .act-td .not-rent {
                    margin-top: 10px
                }

    .order-relet .table-head {
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        color: #999;
        background-color: #f7f7f7
    }

        .order-relet .table-head .time {
            padding: 0 24px 0 16px
        }

        .order-relet .table-head a {
            color: #999
        }

        .order-relet .table-head .order-id {
            color: #333
        }

            .order-relet .table-head .order-id:hover {
                color: #37a3ff
            }

        .order-relet .table-head .look-detail {
            padding-right: 16px;
            color: #333
        }

            .order-relet .table-head .look-detail:hover {
                color: #37a3ff
            }

    .order-relet button {
        width: 68px;
        height: 25px;
        line-height: 23px;
        font-size: 12px;
        color: #333;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: none
    }

        .order-relet button:hover {
            color: #37a3ff;
            border-color: #37a3ff
        }

.center-main .content .center-right.order-buyout-layer, .center-main .payment-main .order-submit .center-right.order-buyout-layer, .payment-main .center-main .order-submit .center-right.order-buyout-layer, .center-main .payment-main .order-way .center-right.order-buyout-layer, .payment-main .center-main .order-way .center-right.order-buyout-layer, .center-main .payment-main .balance .center-right.order-buyout-layer, .payment-main .center-main .balance .center-right.order-buyout-layer {
    background: #f9f9f9
}

.order-buyout {
    margin-top: 10px;
    height: auto;
    background: #fff
}

    .order-buyout .out-warp {
        padding: 0 20px;
        padding-bottom: 30px
    }

    .order-buyout .upside {
        padding-bottom: 0
    }

        .order-buyout .upside .title {
            line-height: 50px;
            font-size: 16px;
            color: #464646;
            border-bottom: 1px solid #eaeaea
        }

        .order-buyout .upside .all-buyout-btn-box {
            display: none;
            text-align: right
        }

        .order-buyout .upside .all-buyout-btn {
            margin: 20px 0 15px 0
        }

    .order-buyout .tip {
        padding: 8px 15px;
        font-size: 12px;
        color: #666;
        background-color: #eaf3fd;
        border: 1px solid #cee5ff
    }

        .order-buyout .tip .tip-icon {
            display: inline-block;
            position: relative;
            top: 1px;
            margin-right: 10px
        }

    .order-buyout .sure-tip {
        margin-bottom: 20px
    }

    .order-buyout .no-data-img {
        display: block;
        margin: 0 auto
    }

    .order-buyout .no-data-txt {
        padding-top: 16px;
        text-align: center
    }

    .order-buyout .tip-txt {
        padding-top: 6px;
        text-align: center
    }

    .order-buyout .order-table {
        width: 100%
    }

        .order-buyout .order-table .table-head {
            background-color: #f7f7f7
        }

        .order-buyout .order-table .head-tr {
            height: 40px;
            color: #666;
            border-bottom: 1px solid #e8e8e8
        }

            .order-buyout .order-table .head-tr th {
                font-weight: normal
            }

            .order-buyout .order-table .head-tr .w162 {
                width: 162px
            }

            .order-buyout .order-table .head-tr .w200 {
                width: 200px
            }

            .order-buyout .order-table .head-tr .w240 {
                width: 240px
            }

            .order-buyout .order-table .head-tr .w102 {
                width: 102px
            }

            .order-buyout .order-table .head-tr .w186 {
                width: 186px
            }

            .order-buyout .order-table .head-tr .w60 {
                width: 60px
            }

        .order-buyout .order-table .cont-tr {
            height: 60px
        }

        .order-buyout .order-table .order-tr .pro-name-span {
            position: relative;
            display: inline-block;
            max-height: 38px;
            overflow: hidden;
            text-align: center;
            word-break: break-all
        }

            .order-buyout .order-table .order-tr .pro-name-span .ellipsis-sign {
                display: none;
                position: absolute;
                top: 18px;
                padding: 0 3px;
                right: 0;
                font-size: 16px;
                background-color: #fff;
                z-index: 5
            }

        .order-buyout .order-table td {
            padding: 0 8px;
            border-left: 1px solid #e8e8e8;
            text-align: center;
            word-break: break-all
        }

        .order-buyout .order-table .order-td {
            border-left: none
        }

    .order-buyout .sure-table {
        border: 1px solid #e8e8e8
    }

    .order-buyout .order-table-wrap {
        border: 1px solid #e8e8e8;
        font-size: 12px;
        color: #666
    }

    .order-buyout .order-empty-box {
        padding: 116px 0 86px;
        font-size: 12px;
        color: #999
    }

    .order-buyout .sure-empty-box {
        padding: 70px 0 40px;
        border: 1px solid #e8e8e8;
        border-top: none
    }

    .order-buyout .buyout-top-box {
        padding-top: 20px
    }

        .order-buyout .buyout-top-box .buyout-search-box {
            padding-top: 20px
        }

            .order-buyout .buyout-top-box .buyout-search-box .search-box {
                padding-bottom: 20px
            }

                .order-buyout .buyout-top-box .buyout-search-box .search-box .search-btn {
                    background-color: #f8f8f8
                }

            .order-buyout .buyout-top-box .buyout-search-box .sub-name-span {
                display: none
            }

            .order-buyout .buyout-top-box .buyout-search-box .search-item {
                display: inline-block;
                font-size: 12px;
                vertical-align: top;
                color: #666
            }

            .order-buyout .buyout-top-box .buyout-search-box .search-ipt {
                border: 1px solid #ddd;
                height: 28px;
                width: 160px;
                padding: 0 5px;
                margin-right: 20px
            }

    .order-buyout .content-box {
        border-top: 10px solid #f3f3f3;
        font-size: 12px;
        color: #333
    }

        .order-buyout .content-box .pro-top-box {
            position: relative;
            padding: 22px 0
        }

            .order-buyout .content-box .pro-top-box .line-sign {
                display: inline-block;
                position: absolute;
                width: 4px;
                height: 14px;
                left: -20px;
                top: 24px;
                background-color: #169dff
            }

            .order-buyout .content-box .pro-top-box .title-wrap {
                display: inline-block
            }

                .order-buyout .content-box .pro-top-box .title-wrap .sub-title-txt {
                    font-weight: bold
                }

                .order-buyout .content-box .pro-top-box .title-wrap .icon-question {
                    position: relative;
                    top: 2px
                }

            .order-buyout .content-box .pro-top-box .btn-wrap {
                position: relative;
                float: right;
                bottom: 6px
            }

                .order-buyout .content-box .pro-top-box .btn-wrap .search-ipt {
                    display: inline-block;
                    height: 28px;
                    padding-left: 5px;
                    vertical-align: top;
                    border: 1px solid #ddd
                }

                .order-buyout .content-box .pro-top-box .btn-wrap .sn-search-btn {
                    position: relative;
                    left: -5px;
                    background-color: #f8f8f8
                }

        .order-buyout .content-box .device-title-wrap {
            border-bottom: 1px solid #eaeaea
        }

        .order-buyout .content-box .pro-title-box {
            padding: 20px 0 16px;
            font-size: 12px
        }

            .order-buyout .content-box .pro-title-box .title-theme {
                display: inline-block;
                margin-right: 5px;
                padding: 1.5px 5px;
                border-radius: 3px;
                color: #ff4200;
                background-color: #ffe2da
            }

            .order-buyout .content-box .pro-title-box .major-product-title {
                display: none
            }

            .order-buyout .content-box .pro-title-box .combine-txt {
                display: none
            }

            .order-buyout .content-box .pro-title-box * {
                font-size: 12px
            }

        .order-buyout .content-box .pro-ul-box {
            font-size: 0
        }

            .order-buyout .content-box .pro-ul-box .pro-item {
                position: relative;
                display: inline-block;
                width: 134px;
                height: 32px;
                border: 1px solid #ddd;
                border-radius: 5px;
                padding: 10px;
                margin-right: 20px;
                margin-bottom: 10px;
                font-size: 12px;
                color: #666;
                word-break: break-all;
                vertical-align: top;
                text-align: center
            }

                .order-buyout .content-box .pro-ul-box .pro-item:before {
                    content: "";
                    display: inline-block;
                    height: 32px;
                    width: 1px;
                    vertical-align: middle
                }

                .order-buyout .content-box .pro-ul-box .pro-item .close-btn {
                    position: absolute;
                    display: inline-block;
                    top: -6px;
                    right: -6px;
                    cursor: pointer
                }

                .order-buyout .content-box .pro-ul-box .pro-item .item-txt {
                    display: inline-block;
                    width: 133px;
                    max-height: 32px;
                    vertical-align: middle;
                    overflow: hidden
                }

                .order-buyout .content-box .pro-ul-box .pro-item .itemn-non-txt {
                    display: none;
                    position: absolute;
                    left: 0;
                    top: -34px;
                    padding: 3px 10px;
                    border: 1px solid #e8e8e8;
                    border-radius: 3px;
                    box-shadow: 0 0 2px 2px rgba(200,210,210,0.3);
                    color: #666;
                    background-color: #fff;
                    z-index: 5
                }

                    .order-buyout .content-box .pro-ul-box .pro-item .itemn-non-txt .icon-arrow-pop-down {
                        display: inline-block;
                        position: absolute;
                        top: 23px;
                        left: 6px
                    }

            .order-buyout .content-box .pro-ul-box .pro-non-status {
                border: none;
                color: #d2d2d2;
                background-color: #fafafa
            }

                .order-buyout .content-box .pro-ul-box .pro-non-status:hover .itemn-non-txt {
                    display: block
                }

            .order-buyout .content-box .pro-ul-box .select-pro {
                color: #169dff;
                border: 1px solid #cee5ff;
                background-color: #f1f8ff
            }

            .order-buyout .content-box .pro-ul-box .handle-pro {
                cursor: pointer
            }

            .order-buyout .content-box .pro-ul-box .turn-pro {
                margin-right: 0
            }

    .order-buyout .order-remarks {
        width: 1018px;
        height: 78px;
        padding: 10px;
        border: 1px solid #e8e8e8;
        color: #666;
        background-color: #fafafa
    }

    .order-buyout input::-webkit-input-placeholder, .order-buyout textarea::-webkit-input-placeholder {
        color: #999 !important
    }

    .order-buyout input:-moz-placeholder, .order-buyout textarea:-moz-placeholder {
        color: #999 !important
    }

    .order-buyout input::-moz-placeholder, .order-buyout textarea::-moz-placeholder {
        color: #999 !important
    }

    .order-buyout input:-ms-input-placeholder, .order-buyout textarea:-ms-input-placeholder {
        color: #999 !important
    }

    .order-buyout .know-box {
        display: inline-block;
        position: relative;
        width: 10px;
        height: 14px
    }

        .order-buyout .know-box:hover .know-tip {
            display: block
        }

        .order-buyout .know-box .icon-bind-phone {
            display: inline-block;
            position: absolute;
            top: 2px
        }

    .order-buyout .know-tip {
        display: none;
        position: absolute;
        top: -3px;
        left: 20px;
        width: 204px;
        padding: 7px 10px;
        font-size: 12px;
        text-align: left;
        line-height: 18px;
        border: 1px solid #e8e8e8;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 2px 2px rgba(232,232,232,0.3);
        z-index: 5
    }

        .order-buyout .know-tip .icon-arrow-left {
            display: inline-block;
            position: absolute;
            top: 8px;
            left: -7px
        }

    .order-buyout .butout-btn-wrap {
        text-align: center
    }

        .order-buyout .butout-btn-wrap .buyout-btn {
            width: 80px;
            height: 32px;
            margin-top: 20px;
            line-height: 32px;
            font-size: 12px;
            text-align: center;
            border-radius: 3px;
            color: #fff;
            background: #169dff;
            cursor: pointer
        }

    .order-buyout .content-hide {
        display: none
    }

    .order-buyout input {
        color: #333
    }

    .order-buyout .buyout-ipt-btn {
        width: 68px;
        height: 30px;
        font-size: 12px;
        color: #333;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: none
    }

        .order-buyout .buyout-ipt-btn:hover {
            color: #37a3ff;
            border-color: #37a3ff
        }

    .order-buyout button {
        width: 68px;
        padding: 5.8px 0;
        font-size: 12px;
        color: #333;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: none
    }

        .order-buyout button:hover {
            color: #37a3ff;
            border-color: #37a3ff
        }

    .order-buyout .clear-btn {
        width: 100px
    }

.center-main .content .order-buyout-layer .top-nav, .center-main .payment-main .order-submit .order-buyout-layer .top-nav, .payment-main .center-main .order-submit .order-buyout-layer .top-nav, .center-main .payment-main .order-way .order-buyout-layer .top-nav, .payment-main .center-main .order-way .order-buyout-layer .top-nav, .center-main .payment-main .balance .order-buyout-layer .top-nav, .payment-main .center-main .balance .order-buyout-layer .top-nav {
    margin: 0;
    padding: 0 20px;
    background-color: #fff
}

.order-buyout-layer .loading-wrap {
    width: 430px;
    margin: -141px 0px 0px -200px
}

    .order-buyout-layer .loading-wrap .loading-content {
        padding: 40px 0 45px;
        text-align: center
    }

        .order-buyout-layer .loading-wrap .loading-content .loading-img {
            display: inline-block;
            width: 85px;
            height: 85px;
            background: url(../images/buying.gif) no-repeat center top
        }

        .order-buyout-layer .loading-wrap .loading-content .loading-title {
            padding: 20px 0 15px;
            font-size: 16px;
            text-align: center;
            color: #333
        }

        .order-buyout-layer .loading-wrap .loading-content .loading-txt {
            font-size: 12px;
            text-align: center;
            color: #666
        }

.order-buyout-layer .over-wrap {
    width: 430px
}

    .order-buyout-layer .over-wrap .over-close-btn {
        position: absolute;
        display: inline-block;
        right: 20px;
        top: 14px;
        z-index: 5;
        cursor: pointer
    }

    .order-buyout-layer .over-wrap .over-content {
        padding: 0 20px
    }

        .order-buyout-layer .over-wrap .over-content .over-title {
            padding: 20px 0;
            margin-bottom: 2px;
            border-bottom: 1px dashed #e8e8e8;
            text-align: center;
            font-size: 18px;
            color: #333
        }

        .order-buyout-layer .over-wrap .over-content .over-item {
            padding-top: 16px;
            font-size: 0;
            color: #666
        }

            .order-buyout-layer .over-wrap .over-content .over-item .over-icon {
                display: inline-block;
                position: relative;
                top: 4px;
                vertical-align: top
            }

            .order-buyout-layer .over-wrap .over-content .over-item .over-txt {
                display: inline-block;
                width: 365px;
                padding-left: 10px;
                font-size: 13px;
                line-height: 23px
            }

            .order-buyout-layer .over-wrap .over-content .over-item .order-txt {
                color: #169cff
            }

.payment-main {
    margin-top: 18px
}

    .payment-main .order-submit {
        text-align: center;
        margin: 20px auto;
        font-size: 14px;
        color: #666d71;
        font-weight: 600
    }

        .payment-main .order-submit i {
            display: block;
            margin: 0 auto 10px
        }

    .payment-main .order-number {
        width: 1174px;
        height: 50px;
        line-height: 50px;
        position: relative;
        margin: 0 auto;
        background-color: #f9f9f9;
        padding-left: 26px
    }

        .payment-main .order-number i {
            display: inline-block;
            vertical-align: middle;
            *vertical-align: auto;
            *zoom: 1;
            *display: inline;
            margin-right: 20px;
            margin-top: -3px;
            *margin-top: 0
        }

        .payment-main .order-number a {
            display: block;
            position: absolute;
            right: 25px;
            top: 0;
            color: #000
        }

    .payment-main .order-way .way-tit {
        width: 1200px;
        height: 36px;
        line-height: 36px;
        margin-top: 20px;
        border-bottom: 1px solid #ccc;
        color: #666d71
    }

        .payment-main .order-way .way-tit dt {
            font-size: 12px
        }

        .payment-main .order-way .way-tit dd {
            font-size: 16px;
            margin-right: 25px
        }

            .payment-main .order-way .way-tit dd span {
                color: #fe4979
            }

    .payment-main .balance {
        margin-top: 20px
    }

        .payment-main .balance h6 {
            font-size: 14px;
            margin-bottom: 20px;
            color: #333
        }

            .payment-main .balance h6 .need-pay {
                float: right;
                margin-right: 26px
            }

                .payment-main .balance h6 .need-pay i {
                    color: #fe4979
                }

        .payment-main .balance .balance-main {
            padding: 10px 0;
            background: #f2faff;
            border: 1px solid #e0f1fe
        }

            .payment-main .balance .balance-main dt {
                margin-left: 65px;
                color: #37a3ff
            }

                .payment-main .balance .balance-main dt label {
                    cursor: pointer
                }

                    .payment-main .balance .balance-main dt label input {
                        -moz-appearance: checkbox;
                        -webkit-appearance: checkbox;
                        vertical-align: -1px;
                        margin-right: 4px
                    }

            .payment-main .balance .balance-main dd {
                margin-right: 25px;
                color: #1173ab
            }

        .payment-main .balance .way-pay {
            padding: 20px 65px;
            background: #f2faff;
            border: 1px solid #e0f1fe
        }

            .payment-main .balance .way-pay li {
                margin-right: 58px
            }

                .payment-main .balance .way-pay li label {
                    cursor: pointer
                }

                    .payment-main .balance .way-pay li label input {
                        -moz-appearance: radio;
                        -webkit-appearance: radio;
                        margin-right: 16px
                    }

                    .payment-main .balance .way-pay li label i {
                        display: inline-block;
                        vertical-align: middle;
                        *vertical-align: auto;
                        *zoom: 1;
                        *display: inline
                    }

        .payment-main .balance .pay-btn button {
            display: block;
            cursor: pointer;
            width: 100px;
            height: 36px;
            line-height: 36px;
            background: #37a3ff;
            color: #fff;
            font-size: 18px;
            text-align: center;
            border-radius: 3px;
            margin: 20px auto;
            -moz-transition: box-shadow .3s ease-in-out;
            -o-transition: box-shadow .3s ease-in-out;
            -webkit-transition: box-shadow .3s ease-in-out;
            transition: box-shadow .3s ease-in-out
        }

            .payment-main .balance .pay-btn button:hover {
                -moz-box-shadow: 1px 1px 1px #ccc;
                -webkit-box-shadow: 1px 1px 1px #ccc;
                box-shadow: 1px 1px 1px #ccc;
                -moz-transition: box-shadow .3s ease-in-out;
                -o-transition: box-shadow .3s ease-in-out;
                -webkit-transition: box-shadow .3s ease-in-out;
                transition: box-shadow .3s ease-in-out
            }

.bind-phone-box {
    width: 1080px;
    padding-bottom: 30px;
    background-color: #fff;
    min-height: 400px
}

    .bind-phone-box .bind-phone-process {
        width: 660px;
        height: 14px;
        margin: 0 auto;
        text-align: center;
        background: #e8e8e8;
        position: relative;
        top: 33px
    }

        .bind-phone-box .bind-phone-process .icon-bind-left {
            position: absolute;
            left: -6px;
            top: -1px;
            display: block
        }

        .bind-phone-box .bind-phone-process .icon-bind-right {
            position: absolute;
            right: 0;
            display: block
        }

        .bind-phone-box .bind-phone-process .bg-color-1 {
            width: 13%;
            height: 14px;
            background: #37a4ff;
            display: block
        }

        .bind-phone-box .bind-phone-process .icon-step-1 {
            position: absolute;
            left: 70px;
            top: -13px;
            display: block;
            float: left
        }

        .bind-phone-box .bind-phone-process .icon-step-2, .bind-phone-box .bind-phone-process .icon-step-grey-2 {
            position: absolute;
            left: 310px;
            top: -13px;
            display: block;
            float: left
        }

        .bind-phone-box .bind-phone-process .icon-step-3, .bind-phone-box .bind-phone-process .icon-step-grey-3 {
            position: absolute;
            left: 549px;
            top: -13px;
            float: left;
            display: block
        }

        .bind-phone-box .bind-phone-process .icon-bind-right, .bind-phone-box .bind-phone-process .icon-bind-right-grey {
            position: absolute;
            right: -4px;
            top: -1px;
            display: block
        }

        .bind-phone-box .bind-phone-process .info {
            width: 700px;
            display: inline-block;
            font-size: 15px;
            margin-top: 50px
        }

            .bind-phone-box .bind-phone-process .info li {
                float: left;
                width: 33%;
                color: #999999
            }

            .bind-phone-box .bind-phone-process .info .info-fir {
                text-align: center;
                color: #37a4ff;
                position: relative;
                left: -20px
            }

        .bind-phone-box .bind-phone-process .add-process-color {
            color: #37a4ff !important
        }

    .bind-phone-box .state-one {
        width: 668px;
        display: block;
        position: relative;
        top: 33px;
        margin-bottom: 57px
    }

    .bind-phone-box .bg {
        width: 658px;
        height: 115px;
        background: url("../images/bind-bg.png") no-repeat;
        position: relative;
        margin-top: 70px;
        left: -10%
    }

        .bind-phone-box .bg span {
            display: block;
            margin: 0 auto;
            text-align: center;
            position: relative;
            top: 40px
        }

        .bind-phone-box .bg .icon-congratulate {
            display: inline-block;
            position: absolute;
            top: 30%;
            left: 30%
        }

.workform-list .tit {
    width: 999px;
    height: 77px;
    margin: 0 auto
}

    .workform-list .tit h4, .workform-list .tit .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .workform-list .tit p {
        float: left;
        padding-top: 3px;
        line-height: 74px;
        font-size: 22px;
        color: #333
    }

        .workform-list .tit h4 i, .workform-list .tit .onemonth .bill-centerRight .bill-total .total-top .topLeft p i, .onemonth .bill-centerRight .bill-total .total-top .topLeft .workform-list .tit p i {
            font-size: 23px
        }

    .workform-list .tit .submit-workform {
        float: right;
        padding-top: 25px;
        height: 32px
    }

        .workform-list .tit .submit-workform .btn {
            float: left;
            margin-right: 15px;
            width: 117px;
            height: 32px;
            line-height: 32px;
            background: #37A3FF;
            color: #fff;
            font-size: 12px;
            text-align: center;
            border-radius: 3px;
            cursor: pointer
        }

        .workform-list .tit .submit-workform .pic {
            float: left;
            position: relative
        }

            .workform-list .tit .submit-workform .pic .ma {
                display: none;
                position: absolute;
                right: -30px;
                top: 33px;
                width: 249px;
                height: 129px;
                background: url("../images/workform-ma-02.png")
            }

            .workform-list .tit .submit-workform .pic:hover .ma {
                display: block
            }

.workform-list .container {
    margin: 0 auto;
    width: 999px;
    font-size: 12px;
    border: 1px solid #EAEAEA
}

    .workform-list .container thead {
        background: #F2F2F2
    }

        .workform-list .container thead th {
            height: 38px;
            color: #333;
            border: 1px solid #EAEAEA
        }

    .workform-list .container tbody td {
        height: 38px;
        color: #666;
        text-align: center;
        border: 1px solid #EAEAEA
    }

        .workform-list .container tbody td a {
            color: #37A3FF
        }

    .workform-list .container tbody .title {
        position: relative;
        padding: 0 40px;
        text-align: left
    }

        .workform-list .container tbody .title i {
            position: absolute;
            left: 24px;
            top: 17px
        }

    .workform-list .container tbody .evaluate span {
        display: inline-block;
        margin: 0 3px;
        vertical-align: middle;
        width: 16px;
        height: 16px
    }

        .workform-list .container tbody .evaluate span img {
            width: 100%
        }

.submit-workform .tit {
    padding-left: 40px;
    height: 82px;
    line-height: 82px;
    font-size: 22px;
    color: #333
}

.submit-workform .container {
    padding: 0 40px;
    font-size: 12px
}

.submit-workform .form {
    float: left;
    width: 731px;
    border-right: 1px dashed #E0E0E0
}

    .submit-workform .form .item {
        margin-bottom: 4px
    }

        .submit-workform .form .item .title {
            float: left;
            width: 120px;
            height: 30px;
            line-height: 30px;
            color: #444
        }

            .submit-workform .form .item .title i {
                padding-right: 4px;
                color: red
            }

        .submit-workform .form .item .layer {
            float: left;
            width: 600px;
            color: #666
        }

            .submit-workform .form .item .layer .ipt {
                display: block;
                float: left;
                width: 326px;
                height: 28px;
                line-height: 28px;
                border: 1px solid #E4E5E6
            }

            .submit-workform .form .item .layer p {
                line-height: 34px;
                color: #888
            }

            .submit-workform .form .item .layer .title-error {
                float: left;
                margin-left: 20px
            }

            .submit-workform .form .item .layer .error-info {
                color: #fe4979
            }

                .submit-workform .form .item .layer .error-info i {
                    display: inline-block
                }

            .submit-workform .form .item .layer .textarea {
                width: 498px;
                height: 154px;
                line-height: 28px;
                border: 1px solid #E4E5E6
            }

            .submit-workform .form .item .layer .deposite-important {
                margin: 5px 0;
                padding-left: 16px;
                line-height: 24px;
                background: url("../images/upload-icon.png") left center no-repeat
            }

                .submit-workform .form .item .layer .deposite-important span {
                    color: #00AAEF
                }

    .submit-workform .form .btn {
        display: block;
        margin: 20px 0 20px 110px;
        width: 56px;
        height: 26px;
        line-height: 26px;
        background: #37A3FF;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px
    }

.submit-workform .ma {
    float: right;
    width: 266px
}

    .submit-workform .ma img {
        display: block;
        margin: 63px auto 14px
    }

    .submit-workform .ma p {
        line-height: 24px;
        text-align: center;
        color: #666
    }

.workform-detail .tit {
    padding: 30px 0 10px 40px;
    line-height: 22px;
    font-size: 22px;
    color: #333
}

    .workform-detail .tit i {
        font-size: 23px
    }

.workform-detail .container {
    padding: 0 40px
}

.workform-detail .workform-title {
    height: 46px;
    line-height: 46px;
    font-size: 12px;
    border-bottom: 1px dashed #E0E0E0;
    clear: both
}

    .workform-detail .workform-title .txt {
        float: left;
        height: 46px
    }

        .workform-detail .workform-title .txt span {
            padding-right: 10px;
            font-size: 18px;
            color: #333
        }

        .workform-detail .workform-title .txt i {
            padding: 2px 5px;
            color: #fff;
            border-radius: 10px;
            background: #00B48A
        }

    .workform-detail .workform-title .time {
        float: right;
        color: #666
    }

.workform-detail .detail {
    font-size: 12px
}

    .workform-detail .detail .tag {
        display: inline-block;
        padding: 0 15px;
        line-height: 25px;
        color: #A75C00;
        background: #FFFAE2
    }

    .workform-detail .detail .txt {
        padding: 9px 25px;
        line-height: 24px;
        font-size: 13px;
        color: #666;
        word-wrap: break-word
    }

.workform-detail .attachment-box {
    padding: 3px 25px 0;
    height: 71px;
    clear: both
}

    .workform-detail .attachment-box .title {
        float: left;
        padding-right: 10px;
        color: #333
    }

    .workform-detail .attachment-box .attachment-list {
        float: left;
        border-collapse: separate;
        border-spacing: 10px 0
    }

        .workform-detail .attachment-box .attachment-list tr {
            height: 60px
        }

        .workform-detail .attachment-box .attachment-list td {
            width: 60px;
            height: 60px;
            line-height: 60px;
            border: 1px solid #E0E0E0;
            cursor: pointer
        }

            .workform-detail .attachment-box .attachment-list td a {
                display: block;
                width: 100%;
                height: 100%
            }

            .workform-detail .attachment-box .attachment-list td .type-02 {
                background: url("../images/word.png") center center no-repeat
            }

            .workform-detail .attachment-box .attachment-list td .type-03 {
                background: url("../images/excel.png") center center no-repeat
            }

            .workform-detail .attachment-box .attachment-list td .type-04 {
                background: url("../images/ppt.png") center center no-repeat
            }

            .workform-detail .attachment-box .attachment-list td .type-05 {
                background: url("../images/zip.png") center center no-repeat
            }

            .workform-detail .attachment-box .attachment-list td img {
                width: 60px;
                overflow: hidden
            }

.workform-detail .attachment-viewer {
    display: none
}

.workform-detail .reply-detail .attachment-box {
    padding-left: 0
}

.workform-detail .detail-tit {
    margin-top: -1px;
    padding: 0 25px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    color: #333;
    border-top: 1px solid #EFEFF3;
    border-bottom: 1px solid #EFEFF3;
    background: #FBFBFD
}

.workform-detail .close-workform {
    display: block;
    margin-top: 6px;
    float: right;
    width: 65px;
    height: 26px;
    line-height: 26px;
    background: #37A3FF;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.workform-detail .reply-detail {
    padding: 10px 25px 14px;
    border-bottom: 1px solid #EFEFF3
}

    .workform-detail .reply-detail .info {
        line-height: 32px;
        font-size: 12px
    }

    .workform-detail .reply-detail .name {
        padding-right: 30px;
        color: #000
    }

    .workform-detail .reply-detail .time {
        color: #777
    }

    .workform-detail .reply-detail .reply {
        line-height: 24px;
        font-size: 13px;
        color: #666;
        word-wrap: break-word
    }

    .workform-detail .reply-detail .custom-service-reply {
        color: #53A6ED
    }

.workform-detail .no-reply .reply {
    line-height: 60px;
    text-align: center
}

.workform-detail .textarea {
    margin: 15px auto;
    width: 988px;
    height: 168px;
    line-height: 28px;
    border: 1px solid #EFEFF3
}

.workform-detail .error-info {
    color: #fe4979
}

    .workform-detail .error-info i {
        display: inline-block
    }

.workform-detail .deposite-important {
    margin: 5px 0;
    padding-left: 16px;
    line-height: 24px;
    background: url("../images/upload-icon.png") left center no-repeat
}

    .workform-detail .deposite-important span {
        color: #00AAEF
    }

.workform-detail .submit {
    margin-bottom: 30px;
    width: 56px;
    height: 26px;
    line-height: 26px;
    background: #37A3FF;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.workform-detail .service-valuation-box h4, .workform-detail .service-valuation-box .onemonth .bill-centerRight .bill-total .total-top .topLeft p, .onemonth .bill-centerRight .bill-total .total-top .topLeft .workform-detail .service-valuation-box p {
    margin-bottom: 17px
}

.workform-detail .service-valuation-box .item {
    padding-left: 25px;
    height: 38px;
    line-height: 38px;
    font-size: 13px;
    clear: both
}

.workform-detail .service-valuation-box .service-tit {
    float: left;
    width: 200px;
    color: #666
}

.workform-detail .service-valuation-box .radio-box {
    float: left
}

    .workform-detail .service-valuation-box .radio-box span {
        padding-right: 20px;
        color: #444
    }

        .workform-detail .service-valuation-box .radio-box span i {
            padding-left: 16px;
            cursor: pointer;
            background-position: left center;
            background-repeat: no-repeat;
            background-image: url("../images/icon-radio-02.png")
        }

    .workform-detail .service-valuation-box .radio-box .selected i {
        background-image: url("../images/icon-radio-01.png")
    }

.workform-detail .service-valuation-box .star-box {
    float: left;
    height: 38px;
    font-size: 12px;
    color: #979797
}

    .workform-detail .service-valuation-box .star-box span {
        display: inline-block;
        padding-right: 10px;
        height: 38px;
        vertical-align: middle
    }

    .workform-detail .service-valuation-box .star-box .evaluate i {
        display: inline-block;
        margin: 0 3px;
        vertical-align: middle;
        width: 20px;
        height: 38px;
        line-height: 38px;
        cursor: pointer
    }

        .workform-detail .service-valuation-box .star-box .evaluate i img {
            padding-top: 8px;
            width: 100%
        }

.workform-detail .service-valuation-box .evaluate-btn {
    margin: 7px 0 60px 25px;
    width: 78px;
    height: 24px;
    line-height: 24px;
    background: #F2F2F2;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    cursor: pointer
}
/*!
 * Viewer v0.5.1
 * https://github.com/fengyuanchen/viewer
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-03-11T07:57:59.486Z
 */

.viewer-container, .viewer-navbar {
    background-color: #000;
    overflow: hidden
}

.viewer-canvas, .viewer-container, .viewer-footer, .viewer-player {
    right: 0;
    bottom: 0;
    left: 0
}

.viewer-button, .viewer-canvas, .viewer-container, .viewer-footer, .viewer-list, .viewer-navbar, .viewer-open, .viewer-title, .viewer-toolbar, .viewer-toolbar > li {
    overflow: hidden
}

.viewer-close:before, .viewer-flip-horizontal:before, .viewer-flip-vertical:before, .viewer-fullscreen-exit:before, .viewer-fullscreen:before, .viewer-next:before, .viewer-one-to-one:before, .viewer-play:before, .viewer-prev:before, .viewer-reset:before, .viewer-rotate-left:before, .viewer-rotate-right:before, .viewer-zoom-in:before, .viewer-zoom-out:before {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);
    background-repeat: no-repeat
}

.viewer-zoom-in:before {
    content: 'Zoom In';
    background-position: 0 0
}

.viewer-zoom-out:before {
    content: 'Zoom Out';
    background-position: -20px 0
}

.viewer-one-to-one:before {
    content: 'One to One';
    background-position: -40px 0
}

.viewer-reset:before {
    content: 'Reset';
    background-position: -60px 0
}

.viewer-prev:before {
    content: 'Previous';
    background-position: -80px 0
}

.viewer-play:before {
    content: 'Play';
    background-position: -100px 0
}

.viewer-next:before {
    content: 'Next';
    background-position: -120px 0
}

.viewer-rotate-left:before {
    content: 'Rotate Left';
    background-position: -140px 0
}

.viewer-rotate-right:before {
    content: 'Rotate Right';
    background-position: -160px 0
}

.viewer-flip-horizontal:before {
    content: 'Flip Horizontal';
    background-position: -180px 0
}

.viewer-flip-vertical:before {
    content: 'Flip Vertical';
    background-position: -200px 0
}

.viewer-fullscreen:before {
    content: 'Enter Full Screen';
    background-position: -220px 0
}

.viewer-fullscreen-exit:before {
    content: 'Exit Full Screen';
    background-position: -240px 0
}

.viewer-close:before {
    content: 'Close';
    background-position: -260px 0
}

.viewer-container {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(0,0,0,0.5);
    direction: ltr !important;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

    .viewer-container ::-moz-selection, .viewer-container::-moz-selection {
        background-color: transparent
    }

    .viewer-container ::selection, .viewer-container::selection {
        background-color: transparent
    }

    .viewer-container img {
        display: block;
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
        height: auto;
        min-height: 0 !important;
        max-height: none !important
    }

.viewer-player, .viewer-tooltip {
    display: none;
    position: absolute
}

.viewer-canvas {
    position: absolute;
    top: 0
}

    .viewer-canvas > img {
        width: auto;
        max-width: 90% !important;
        height: auto;
        margin: 15px auto
    }

.viewer-footer {
    position: absolute;
    text-align: center
}

.viewer-navbar {
    background-color: rgba(0,0,0,0.5)
}

.viewer-list {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 50px;
    margin: 0;
    padding: 1px 0
}

    .viewer-list > li {
        font-size: 0;
        line-height: 0;
        float: left;
        overflow: hidden;
        width: 30px;
        height: 50px;
        cursor: pointer;
        opacity: .5;
        color: transparent;
        filter: alpha(opacity=50)
    }

        .viewer-list > li + li {
            margin-left: 1px
        }

    .viewer-list > .viewer-active {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.viewer-player {
    top: 0;
    cursor: none;
    background-color: #000
}

    .viewer-player > img {
        position: absolute;
        top: 0;
        left: 0
    }

.viewer-toolbar {
    width: 280px;
    margin: 0 auto 5px;
    padding: 3px 0
}

    .viewer-toolbar > li {
        float: left;
        width: 24px;
        height: 24px;
        cursor: pointer;
        border-radius: 50%;
        background-color: #000;
        background-color: rgba(0,0,0,0.5)
    }

        .viewer-toolbar > li:hover {
            background-color: #000;
            background-color: rgba(0,0,0,0.8)
        }

        .viewer-toolbar > li:before {
            margin: 2px
        }

        .viewer-toolbar > li + li {
            margin-left: 1px
        }

    .viewer-toolbar > .viewer-play {
        width: 30px;
        height: 30px;
        margin-top: -3px;
        margin-bottom: -3px
    }

        .viewer-toolbar > .viewer-play:before {
            margin: 5px
        }

.viewer-tooltip {
    font-size: 12px;
    line-height: 20px;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 20px;
    margin-top: -10px;
    margin-left: -25px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    background-color: #000;
    background-color: rgba(0,0,0,0.8)
}

.viewer-title {
    font-size: 12px;
    line-height: 1;
    display: inline-block;
    max-width: 90%;
    margin: 0 5% 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .8;
    color: #ccc;
    filter: alpha(opacity=80)
}

    .viewer-title:hover {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.viewer-button {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #000;
    background-color: rgba(0,0,0,0.5)
}

    .viewer-button:before {
        position: absolute;
        bottom: 15px;
        left: 15px
    }

.viewer-fixed {
    position: fixed
}

.viewer-show {
    display: block
}

.viewer-hide {
    display: none
}

.viewer-invisible {
    visibility: hidden
}

.viewer-move {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.viewer-fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.viewer-in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.viewer-transition {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media (max-width: 767px) {
    .viewer-hide-xs-down {
        display: none
    }
}

@media (max-width: 991px) {
    .viewer-hide-sm-down {
        display: none
    }
}

@media (max-width: 1199px) {
    .viewer-hide-md-down {
        display: none
    }
}

.mydevice-content-box .tab-bar .view_log, .member-content-box .tab-bar .view_log {
    height: 32px;
    line-height: 32px;
    margin-left: 20px;
    color: #37a3ff;
    cursor: pointer
}

    .mydevice-content-box .tab-bar .view_log i, .member-content-box .tab-bar .view_log i {
        display: inline-block;
        cursor: pointer
    }

.mydevice-content-box .tab-bar .handle-button, .member-content-box .tab-bar .handle-button {
    float: right;
    margin: 3px 0 0 5px;
    padding: 0 8px;
    width: auto;
    height: 26px;
    line-height: 26px;
    background: #37a3ff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.mydevice-content-box .new-btn, .member-content-box .new-btn {
    float: right;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;
    background-color: #37a3ff;
    cursor: pointer
}

.mydevice-content-box .search-box, .member-content-box .search-box {
    line-height: 37px;
    border: 1px solid #dde6ef;
    background: #e1eef7;
    padding: 0 18px;
    font-size: 12px;
    color: #595f63
}

    .mydevice-content-box .search-box li, .member-content-box .search-box li {
        float: left
    }

        .mydevice-content-box .search-box li.search-item, .member-content-box .search-box li.search-item {
            margin-right: 50px
        }

        .mydevice-content-box .search-box li.calendar-box, .member-content-box .search-box li.calendar-box {
            position: relative
        }

    .mydevice-content-box .search-box input, .mydevice-content-box .search-box .detail-sign-select, .member-content-box .search-box input, .member-content-box .search-box .detail-sign-select {
        width: 130px;
        height: 24px;
        line-height: 22px;
        background: #fff;
        border: 1px solid #dadee1
    }

    .mydevice-content-box .search-box input, .member-content-box .search-box input {
        padding: 0 10px
    }

    .mydevice-content-box .search-box .detail-sign-select, .member-content-box .search-box .detail-sign-select {
        vertical-align: top;
        margin-top: 6px
    }

        .mydevice-content-box .search-box .detail-sign-select .select-box, .member-content-box .search-box .detail-sign-select .select-box {
            height: 100%
        }

            .mydevice-content-box .search-box .detail-sign-select .select-box .selected-text, .member-content-box .search-box .detail-sign-select .select-box .selected-text {
                margin: 0 5px 0 10px;
                width: 90px;
                height: 24px;
                line-height: 24px
            }

            .mydevice-content-box .search-box .detail-sign-select .select-box .icon-arrow-down, .member-content-box .search-box .detail-sign-select .select-box .icon-arrow-down {
                top: 10px
            }

        .mydevice-content-box .search-box .detail-sign-select .dropdown-list, .member-content-box .search-box .detail-sign-select .dropdown-list {
            left: 0;
            top: 25px
        }

    .mydevice-content-box .search-box .calendar1, .mydevice-content-box .search-box .calendar2, .member-content-box .search-box .calendar1, .member-content-box .search-box .calendar2 {
        position: absolute;
        top: 11px;
        width: 15px;
        height: 15px
    }

    .mydevice-content-box .search-box .calendar1, .member-content-box .search-box .calendar1 {
        left: 178px
    }

    .mydevice-content-box .search-box .calendar2, .member-content-box .search-box .calendar2 {
        left: 350px
    }

    .mydevice-content-box .search-box .search-btn, .member-content-box .search-box .search-btn {
        width: 46px;
        height: 22px;
        line-height: 22px;
        background: #37a3ff;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
        height: 25px;
        display: inline-block
    }

.mydevice-content-box .data-table, .member-content-box .data-table {
    margin-top: 18px;
    border: 1px solid #f9f9f9
}

    .mydevice-content-box .data-table td, .member-content-box .data-table td {
        height: 40px;
        border: 1px solid #ebebeb;
        font-size: 13px;
        color: #5e5e5e;
        text-align: center
    }

    .mydevice-content-box .data-table .table-head td, .member-content-box .data-table .table-head td {
        background-color: #f2f2f2;
        height: 40px
    }

    .mydevice-content-box .data-table .table-body td, .member-content-box .data-table .table-body td {
        position: relative;
        padding: 5px
    }

    .mydevice-content-box .data-table .table-body .order-id, .mydevice-content-box .data-table .table-body .view-remark, .member-content-box .data-table .table-body .order-id, .member-content-box .data-table .table-body .view-remark {
        color: #37a3ff
    }

    .mydevice-content-box .data-table .table-body .order-type-1, .mydevice-content-box .data-table .table-body .order-type-2, .member-content-box .data-table .table-body .order-type-1, .member-content-box .data-table .table-body .order-type-2 {
        position: relative
    }

    .mydevice-content-box .data-table .table-body .icon-alloc-label, .mydevice-content-box .data-table .table-body .icon-relet-label, .member-content-box .data-table .table-body .icon-alloc-label, .member-content-box .data-table .table-body .icon-relet-label {
        display: none;
        width: 30px;
        height: 15px;
        position: absolute;
        top: 0;
        right: 0
    }

    .mydevice-content-box .data-table .table-body .order-type-1 .icon-relet-label, .mydevice-content-box .data-table .table-body .order-type-2 .icon-alloc-label, .member-content-box .data-table .table-body .order-type-1 .icon-relet-label, .member-content-box .data-table .table-body .order-type-2 .icon-alloc-label {
        display: block
    }

    .mydevice-content-box .data-table .table-body .rent-date, .member-content-box .data-table .table-body .rent-date {
        line-height: 12px
    }

    .mydevice-content-box .data-table .table-body .rent-td, .member-content-box .data-table .table-body .rent-td {
        position: relative
    }

    .mydevice-content-box .data-table .table-body .remark-td, .member-content-box .data-table .table-body .remark-td {
        position: relative
    }

        .mydevice-content-box .data-table .table-body .remark-td .remark, .member-content-box .data-table .table-body .remark-td .remark {
            background: #fff;
            position: absolute;
            right: 5px;
            top: 47px;
            border: 1px solid #ebebeb;
            width: 200px;
            padding: 5px;
            z-index: 1;
            display: none;
            word-wrap: break-word
        }

        .mydevice-content-box .data-table .table-body .remark-td .view-remark:hover + .remark, .member-content-box .data-table .table-body .remark-td .view-remark:hover + .remark {
            display: block
        }

    .mydevice-content-box .data-table .table-body .title-td p, .member-content-box .data-table .table-body .title-td p {
        height: 34px\0;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-all
    }

    .mydevice-content-box .data-table .table-body .position-relative, .member-content-box .data-table .table-body .position-relative {
        position: relative
    }

    .mydevice-content-box .data-table .table-body .depreciate, .member-content-box .data-table .table-body .depreciate {
        position: absolute;
        top: 0;
        left: 0;
        background: #e74a38;
        font-size: 12px;
        color: #fff;
        border-bottom-right-radius: 3px;
        padding: 0px
    }

        .mydevice-content-box .data-table .table-body .depreciate p, .member-content-box .data-table .table-body .depreciate p {
            display: none;
            position: absolute;
            right: -76px;
            bottom: -28px;
            width: 114px;
            height: 24px;
            line-height: 24px;
            padding: 0 6px;
            color: #333;
            z-index: 999;
            border: 1px solid #D9D9D9;
            -webkit-box-shadow: 2px 2px 4px #D9D9D9;
            -moz-box-shadow: 2px 2px 4px #D9D9D9;
            box-shadow: 2px 2px 4px #D9D9D9;
            background: #fff
        }

        .mydevice-content-box .data-table .table-body .depreciate:hover p, .member-content-box .data-table .table-body .depreciate:hover p {
            display: block
        }

    .mydevice-content-box .data-table .table-body .device-user, .member-content-box .data-table .table-body .device-user {
        position: relative;
        font-size: 12px;
        color: #666;
        word-break: break-all;
        cursor: pointer
    }

        .mydevice-content-box .data-table .table-body .device-user .add-btn, .member-content-box .data-table .table-body .device-user .add-btn {
            color: #37a3ff;
            cursor: pointer
        }

        .mydevice-content-box .data-table .table-body .device-user .edit-box, .member-content-box .data-table .table-body .device-user .edit-box {
            line-height: 24px;
            color: #666
        }

            .mydevice-content-box .data-table .table-body .device-user .edit-box:hover, .member-content-box .data-table .table-body .device-user .edit-box:hover {
                color: #d2d2d2
            }

                .mydevice-content-box .data-table .table-body .device-user .edit-box:hover .edit-btn-box, .member-content-box .data-table .table-body .device-user .edit-box:hover .edit-btn-box {
                    display: block
                }

        .mydevice-content-box .data-table .table-body .device-user .user-name, .member-content-box .data-table .table-body .device-user .user-name {
            display: inline-block;
            vertical-align: top;
            width: 100px;
            word-break: break-all;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

        .mydevice-content-box .data-table .table-body .device-user .user-ipt, .member-content-box .data-table .table-body .device-user .user-ipt {
            display: inline-block;
            vertical-align: top;
            padding: 0 5px;
            width: 56px;
            height: 24px;
            line-height: 24px;
            color: #666;
            border-radius: 3px;
            background: #f6f6f6
        }

        .mydevice-content-box .data-table .table-body .device-user .edit-btn, .mydevice-content-box .data-table .table-body .device-user .delete-btn, .mydevice-content-box .data-table .table-body .device-user .handle-btn, .member-content-box .data-table .table-body .device-user .edit-btn, .member-content-box .data-table .table-body .device-user .delete-btn, .member-content-box .data-table .table-body .device-user .handle-btn {
            display: inline-block
        }

        .mydevice-content-box .data-table .table-body .device-user .edit-btn, .mydevice-content-box .data-table .table-body .device-user .delete-btn, .member-content-box .data-table .table-body .device-user .edit-btn, .member-content-box .data-table .table-body .device-user .delete-btn {
            margin: 18px 4px 0 4px
        }

        .mydevice-content-box .data-table .table-body .device-user .handle-btn, .member-content-box .data-table .table-body .device-user .handle-btn {
            margin: 8px 0 0 2px;
            vertical-align: top
        }

    .mydevice-content-box .data-table .table-body .edit-btn-box, .member-content-box .data-table .table-body .edit-btn-box {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5
    }

    .mydevice-content-box .data-table .table-body .device-sign-box, .member-content-box .data-table .table-body .device-sign-box {
        position: relative;
        cursor: pointer
    }

        .mydevice-content-box .data-table .table-body .device-sign-box.no-device-sign:hover .add-device-sign, .member-content-box .data-table .table-body .device-sign-box.no-device-sign:hover .add-device-sign {
            display: inline-block
        }

        .mydevice-content-box .data-table .table-body .device-sign-box i, .member-content-box .data-table .table-body .device-sign-box i {
            display: inline-block;
            vertical-align: middle
        }

        .mydevice-content-box .data-table .table-body .device-sign-box .add-device-sign, .member-content-box .data-table .table-body .device-sign-box .add-device-sign {
            display: none
        }

        .mydevice-content-box .data-table .table-body .device-sign-box .edit-device-sign-box:hover .edit-btn-box, .member-content-box .data-table .table-body .device-sign-box .edit-device-sign-box:hover .edit-btn-box {
            display: block
        }

        .mydevice-content-box .data-table .table-body .device-sign-box .edit-device-sign-box .edit-device-sign, .mydevice-content-box .data-table .table-body .device-sign-box .edit-device-sign-box .delete-device-sign, .member-content-box .data-table .table-body .device-sign-box .edit-device-sign-box .edit-device-sign, .member-content-box .data-table .table-body .device-sign-box .edit-device-sign-box .delete-device-sign {
            margin: 20px 4px 0 4px
        }

.mydevice-content-box .onreturn-tip, .member-content-box .onreturn-tip {
    display: none;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 20px;
    background: #fff8db;
    color: #878376
}

.mydevice-content-box .link-box, .member-content-box .link-box {
    float: right;
    margin: 15px 0
}

    .mydevice-content-box .link-box .link-button, .member-content-box .link-box .link-button {
        float: left;
        margin-left: 10px;
        width: 66px;
        height: 24px;
        line-height: 24px;
        background: #fff;
        color: #37a3ff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #37a3ff;
        cursor: pointer;
        overflow: hidden
    }

.member-content-box .data-table {
    margin-top: 0
}

    .member-content-box .data-table .mem-btn {
        color: #37a3ff;
        cursor: pointer
    }

    .member-content-box .data-table .to-del-btn {
        margin-left: 10px
    }

.tab-bar {
    border-bottom: 1px solid #e2ebef;
    height: 31px
}

    .tab-bar .edz-tabswitch {
        margin-left: 1px
    }

.lv1-tabswitch span {
    border: 1px solid #e2ebef;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    margin-left: -1px;
    border-radius: 3px 3px 0 0;
    vertical-align: middle;
    color: #5e5e5e
}

    .lv1-tabswitch span.on {
        background: #f6f6f6;
        border-top: 3px #37a3ff solid;
        padding-top: 0;
        height: 28px;
        line-height: 27px
    }

.lv2-tabswitch {
    margin-left: 10px;
    margin-top: -24px
}

    .lv2-tabswitch span {
        height: 58px;
        line-height: 58px;
        padding: 0 12px;
        cursor: pointer;
        border-left: 1px solid #e6e6e6;
        color: #5e5e5e
    }

        .lv2-tabswitch span.on {
            color: #37a3ff
        }

        .lv2-tabswitch span:first-child {
            border-left: none
        }

.lv1-panel {
    margin-top: 24px
}

.icon-question {
    width: 12px;
    height: 12px;
    display: inline-block;
    cursor: pointer
}

.icon-record {
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer
}

.icon-unrent, .icon-fix {
    display: inline-block;
    cursor: pointer
}

.wdsb-qr-modal {
    background: rgba(0,0,0,0.5)
}

    .wdsb-qr-modal .image-modal-close {
        right: 50%;
        top: 50%;
        background: #666666;
        margin-right: -115px;
        margin-top: -155px;
        border: 1px solid #cbcbcb;
        color: #cbcbcb;
        font-size: 26px;
        width: 20px;
        height: 20px;
        line-height: 18px;
        font-weight: normal
    }

    .wdsb-qr-modal .img-box {
        width: 395px;
        height: 294px;
        background: url(../images/qr-code-wdsb.png)
    }

.edit-device-sign-modal {
    margin: -6px 8px -20px 8px;
    text-align: left;
    color: #333
}

    .edit-device-sign-modal .device-sign-box {
        line-height: 32px
    }

        .edit-device-sign-modal .device-sign-box .title {
            margin-right: 12px;
            font-size: 16px
        }

        .edit-device-sign-modal .device-sign-box.isDisable .device-sign-item {
            cursor: default
        }

    .edit-device-sign-modal .device-sign-item {
        margin-right: 20px;
        cursor: pointer
    }

        .edit-device-sign-modal .device-sign-item.cur .selected-radio {
            display: inline-block
        }

        .edit-device-sign-modal .device-sign-item.cur .unselected-radio {
            display: none
        }

        .edit-device-sign-modal .device-sign-item i {
            display: inline-block;
            vertical-align: top
        }

        .edit-device-sign-modal .device-sign-item .selected-radio {
            display: none;
            margin: 9px 6px 0 0
        }

        .edit-device-sign-modal .device-sign-item .unselected-radio {
            margin: 10px 6px 0 0
        }

        .edit-device-sign-modal .device-sign-item .device-sign {
            margin-top: 7px
        }

    .edit-device-sign-modal .textarea-box {
        margin-top: 10px;
        width: 100%;
        height: 106px;
        border: 1px solid #e2e2e2;
        border-radius: 3px;
        box-sizing: border-box
    }

        .edit-device-sign-modal .textarea-box .textarea {
            padding: 10px;
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #666;
            word-break: break-all;
            box-sizing: border-box;
            box-shadow: none
        }

    .edit-device-sign-modal .num-tip {
        height: 26px;
        line-height: 26px;
        font-size: 12px;
        color: #e73c31
    }

.import-device-sign-box {
    margin: 0 8px;
    text-align: left
}

    .import-device-sign-box .import-btn-box {
        padding-bottom: 16px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        border-bottom: 1px dashed #e8e8e8
    }

        .import-device-sign-box .import-btn-box .import-btn {
            position: relative;
            display: inline-block;
            margin-right: 12px;
            width: 126px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            color: #333;
            border: 1px solid #e2e2e2;
            background-color: #eee;
            box-sizing: border-box;
            border-radius: 3px
        }

            .import-device-sign-box .import-btn-box .import-btn:hover {
                color: #37a3ff;
                border-color: #d7edfe;
                background-color: #eff8ff
            }

            .import-device-sign-box .import-btn-box .import-btn.isDisable {
                color: #999
            }

                .import-device-sign-box .import-btn-box .import-btn.isDisable .fileIpt {
                    cursor: not-allowed
                }

                .import-device-sign-box .import-btn-box .import-btn.isDisable:hover {
                    color: #999;
                    border-color: #e2e2e2;
                    background-color: #eee
                }

            .import-device-sign-box .import-btn-box .import-btn .fileIpt {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                filter: alpha(opacity=0);
                -webkit-opacity: 0;
                -moz-opacity: 0;
                opacity: 0;
                cursor: pointer
            }

        .import-device-sign-box .import-btn-box .down-btn {
            color: #37a3ff
        }

    .import-device-sign-box .tips-list {
        padding-top: 10px;
        line-height: 24px;
        font-size: 12px;
        color: #666
    }

        .import-device-sign-box .tips-list dt {
            font-weight: 700
        }

.device-log-content-box {
    word-break: break-all
}

    .device-log-content-box .tab-bar .edz-tabswitch {
        display: inline-block
    }

    .device-log-content-box .tab-bar .service-view {
        float: right;
        margin-right: 20px;
        color: #37a3ff;
        cursor: pointer;
        font-size: 14px
    }

    .device-log-content-box .search-box {
        line-height: 37px;
        border: 1px solid #dde6ef;
        background: #e1eef7;
        padding: 0 18px;
        font-size: 12px;
        color: #595f63
    }

        .device-log-content-box .search-box .search-item {
            position: relative;
            float: left;
            margin-right: 50px
        }

        .device-log-content-box .search-box input {
            padding: 0 10px;
            width: 155px;
            height: 24px;
            background: #fff;
            border: 1px solid #dadee1
        }

        .device-log-content-box .search-box .calendar1, .device-log-content-box .search-box .calendar2 {
            position: absolute;
            right: 10px;
            top: 11px;
            width: 15px;
            height: 15px
        }

    .device-log-content-box .search-btn {
        float: left;
        margin-top: 8px;
        width: 46px;
        height: 22px;
        line-height: 22px;
        background: #37a3ff;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px
    }

    .device-log-content-box .search-ipt {
        height: 24px;
        padding-left: 5px;
        border: 1px solid #dadee1;
        background: #fff
    }

    .device-log-content-box .buyouy-search-box {
        position: relative;
        padding: 0 18px;
        line-height: 37px;
        border: 1px solid #dde6ef;
        font-size: 12px;
        color: #595f63;
        background: #e1eef7
    }

        .device-log-content-box .buyouy-search-box .search-ipt {
            width: 155px
        }

        .device-log-content-box .buyouy-search-box .first-search-ipt {
            margin-right: 62px
        }

    .device-log-content-box .data-table {
        margin-top: 18px;
        border: 1px solid #f9f9f9
    }

        .device-log-content-box .data-table td {
            color: #5e5e5e;
            text-align: center;
            border: 1px solid #ebebeb;
            font-size: 13px
        }

        .device-log-content-box .data-table .table-head td {
            background-color: #f2f2f2;
            height: 40px
        }

        .device-log-content-box .data-table .table-body td {
            padding: 5px;
            height: 40px
        }

        .device-log-content-box .data-table .table-body .order-id, .device-log-content-box .data-table .table-body .view-remark, .device-log-content-box .data-table .table-body .product-name {
            color: #37a3ff
        }

        .device-log-content-box .data-table .table-body .order-type-1, .device-log-content-box .data-table .table-body .order-type-2 {
            position: relative
        }

        .device-log-content-box .data-table .table-body .icon-alloc-label, .device-log-content-box .data-table .table-body .icon-relet-label {
            display: none;
            width: 30px;
            height: 15px;
            position: absolute;
            top: 0;
            right: 0
        }

        .device-log-content-box .data-table .table-body .order-type-1 .icon-relet-label, .device-log-content-box .data-table .table-body .order-type-2 .icon-alloc-label {
            display: block
        }

        .device-log-content-box .data-table .table-body .rent-date {
            line-height: 12px
        }

        .device-log-content-box .data-table .table-body .remark-td {
            position: relative
        }

            .device-log-content-box .data-table .table-body .remark-td .remark {
                background: #fff;
                position: absolute;
                right: 5px;
                top: 47px;
                border: 1px solid #ebebeb;
                width: 200px;
                padding: 5px;
                z-index: 1;
                display: none
            }

            .device-log-content-box .data-table .table-body .remark-td .view-remark:hover + .remark {
                display: block
            }

        .device-log-content-box .data-table .table-body .title-td p {
            font-size: 12px;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden
        }

    .device-log-content-box .tip {
        font-size: 12px;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
        margin-bottom: 20px;
        background: #fff8db;
        color: #878376
    }

    .device-log-content-box .txt-blue {
        color: #37A3FF
    }

    .device-log-content-box .buyout-sn {
        display: none;
        position: absolute;
        width: 200px;
        padding: 5px;
        top: 20px;
        right: -60px;
        border: 1px solid #ddd;
        border-radius: 5px;
        word-break: break-all;
        box-shadow: 0 0 2px 2px rgba(200,210,210,0.3);
        background-color: #fff;
        z-index: 9
    }

    .device-log-content-box .buyout-num-box {
        position: relative
    }

        .device-log-content-box .buyout-num-box:hover .buyout-sn {
            display: block
        }

.choose-bill-monthly-center-right .table-container {
    padding: 0 40px;
    color: #737373
}

    .choose-bill-monthly-center-right .table-container .table-head {
        background: #f2f2f2;
        height: 58px;
        line-height: 58px;
        border: 1px solid #ededed
    }

        .choose-bill-monthly-center-right .table-container .table-head .check-all {
            margin-left: 23px
        }

        .choose-bill-monthly-center-right .table-container .table-head .overview {
            margin-left: 46px
        }

            .choose-bill-monthly-center-right .table-container .table-head .overview .total-month, .choose-bill-monthly-center-right .table-container .table-head .overview .total-money {
                color: #fc4b4a
            }

    .choose-bill-monthly-center-right .table-container .reduce-desc {
        padding-left: 20px;
        line-height: 54px;
        border-bottom: 1px solid #F3F3F3
    }

    .choose-bill-monthly-center-right .table-container .money {
        color: #fe5a5b
    }

    .choose-bill-monthly-center-right .table-container b {
        font-weight: normal
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .monthly-row {
        line-height: 59px;
        border-bottom: 1px solid #f3f3f3
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .item-td {
        float: left;
        text-align: center
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .cb-td {
        width: 6%
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .month-td {
        width: 10%
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .money-td {
        width: 28%
    }

        .choose-bill-monthly-center-right .table-container .bill-list-item .money-td .money-monthly {
            color: #fe5a5b
        }

    .choose-bill-monthly-center-right .table-container .bill-list-item .desc-td {
        width: 48%;
        text-align: left
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .content-td {
        width: 80%;
        text-align: left
    }

        .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .reduce-box {
            margin: -10px auto 10px;
            min-height: 24px;
            line-height: 24px
        }

            .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .reduce-box label {
                display: inline-block;
                padding-right: 20px
            }

                .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .reduce-box label.disabled {
                    color: #ADABAB
                }

            .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .reduce-box .coupon-ipt {
                position: relative;
                bottom: 1px;
                vertical-align: middle
            }

        .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .availableBalance, .choose-bill-monthly-center-right .table-container .bill-list-item .content-td .eMoney {
            position: relative;
            bottom: 1px;
            vertical-align: middle
        }

    .choose-bill-monthly-center-right .table-container .bill-list-item .toggle-detail-btn {
        color: #6fb8ff;
        cursor: pointer;
        position: relative
    }

        .choose-bill-monthly-center-right .table-container .bill-list-item .toggle-detail-btn .icon-arrow-up-blue {
            display: inline;
            position: absolute;
            left: 23px;
            bottom: 11px;
            display: none
        }

    .choose-bill-monthly-center-right .table-container .bill-list-item .detail-box {
        display: block;
        background: #fbfbfb;
        padding: 26px 60px;
        display: none
    }

        .choose-bill-monthly-center-right .table-container .bill-list-item .detail-box span {
            margin: 0px 10px;
            white-space: nowrap
        }

    .choose-bill-monthly-center-right .table-container .bill-list-item .remark {
        padding: 0 20px
    }

    .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row {
        padding: 20px 0 13px
    }

        .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row .month-txt {
            display: inline-block
        }

        .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row .money-desc {
            display: inline-block;
            margin-left: 5%
        }

        .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row .content-td {
            width: 80%
        }

            .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row .content-td .selected-coupon-txt {
                padding-left: 5px
            }

            .choose-bill-monthly-center-right .table-container .bill-list-item .coupon-montyly-row .content-td .selected-coupon-tip {
                display: inline-block;
                font-size: 13px;
                color: red;
                white-space: nowrap
            }

    .choose-bill-monthly-center-right .table-container .no-list {
        margin-top: 20px;
        line-height: 30px;
        text-align: center
    }

.choose-bill-monthly-center-right .btn-box {
    text-align: center;
    padding: 30px
}

    .choose-bill-monthly-center-right .btn-box .prev-btn {
        margin-right: 30px
    }

    .choose-bill-monthly-center-right .btn-box .next-btn:disabled {
        background: #ccc
    }

    .choose-bill-monthly-center-right .btn-box .prev-btn, .choose-bill-monthly-center-right .btn-box .next-btn {
        width: 85px;
        height: 30px;
        line-height: 30px;
        background: #37a3ff;
        color: #fff;
        font-size: 12px;
        text-align: center;
        border-radius: 3px
    }

.pay-success {
    padding: 60px 0 30px;
    text-align: center;
    border-top: 4px solid #37A3FF
}

    .pay-success .icon {
        display: inline-block;
        vertical-align: bottom
    }

    .pay-success .icon-box p {
        margin: 20px auto 16px;
        font-size: 19px;
        color: #333
    }

    .pay-success p {
        font-size: 12px;
        margin-top: 10px;
        color: #666666
    }

    .pay-success .pay-info-layer {
        margin: 30px auto 0;
        padding: 12px;
        width: 830px;
        border: 1px dashed #E8E8E8
    }

        .pay-success .pay-info-layer .pay-info {
            padding: 13px 0;
            background: #FAFAFA
        }

            .pay-success .pay-info-layer .pay-info .desc {
                float: left;
                padding: 20px 0;
                width: 414px
            }

                .pay-success .pay-info-layer .pay-info .desc span, .pay-success .pay-info-layer .pay-info .desc a {
                    font-size: 16px
                }

                .pay-success .pay-info-layer .pay-info .desc span {
                    color: #363636
                }

                .pay-success .pay-info-layer .pay-info .desc a {
                    color: #37A3FF
                }

                .pay-success .pay-info-layer .pay-info .desc p {
                    margin-top: 28px;
                    font-size: 16px;
                    color: #666
                }

                    .pay-success .pay-info-layer .pay-info .desc p b {
                        font-weight: normal;
                        color: #FF0005
                    }

            .pay-success .pay-info-layer .pay-info .invoice-box {
                border-right: 1px #E0E0E0 solid
            }

            .pay-success .pay-info-layer .pay-info .icon {
                margin-right: 5px
            }

.order-pay-box .order-bill-pay {
    width: 1190px
}

    .order-pay-box .order-bill-pay .tit-box {
        margin-top: 20px
    }

    .order-pay-box .order-bill-pay .order-ok {
        float: left;
        font-size: 16px;
        font-weight: 700
    }

    .order-pay-box .order-bill-pay .order-info {
        margin: -8px 0 16px;
        font-size: 14px
    }

        .order-pay-box .order-bill-pay .order-info i {
            color: #333
        }

        .order-pay-box .order-bill-pay .order-info a {
            color: #37a3fe
        }

    .order-pay-box .order-bill-pay .layer {
        padding: 20px 40px 30px
    }

        .order-pay-box .order-bill-pay .layer .balance-deduction-box {
            padding: 0 0 10px
        }

        .order-pay-box .order-bill-pay .layer .emoney-box {
            padding: 0 0 10px
        }

        .order-pay-box .order-bill-pay .layer .border-top {
            padding-top: 15px;
            border-top: 1px solid #EEE
        }

.order-bill-pay {
    margin: 0 auto;
    width: 1200px;
    font-size: 12px;
    color: #333
}

    .order-bill-pay .tit-box {
        padding-bottom: 20px;
        font-size: 14px
    }

        .order-bill-pay .tit-box .tit {
            float: left;
            font-size: 16px;
            color: #666
        }

        .order-bill-pay .tit-box .money-detail {
            float: right
        }

            .order-bill-pay .tit-box .money-detail p {
                display: inline-block
            }

        .order-bill-pay .tit-box b {
            font-size: 18px;
            color: #FE0000
        }

    .order-bill-pay .layer {
        padding: 30px 40px;
        border: 1px solid #EEE
    }

        .order-bill-pay .layer .tab-box span, .order-bill-pay .layer .pay-type-box li {
            display: inline-block;
            vertical-align: middle;
            text-align: center;
            border: 1px solid #E8E8E8;
            border-radius: 2px;
            cursor: pointer;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

            .order-bill-pay .layer .tab-box span.checked, .order-bill-pay .layer .pay-type-box li.checked {
                color: #37A3FF;
                border: 2px solid #37a3ff;
                background-image: url(../images/confirm.png);
                background-repeat: no-repeat
            }

        .order-bill-pay .layer .tab-box {
            padding-bottom: 30px;
            border-bottom: 1px solid #eee
        }

            .order-bill-pay .layer .tab-box span {
                margin-right: 20px;
                width: 110px;
                height: 32px;
                line-height: 30px
            }

                .order-bill-pay .layer .tab-box span.checked {
                    background-position: 95px 17px
                }

        .order-bill-pay .layer h5 {
            line-height: 36px;
            font-weight: bold;
            font-size: 14px
        }

        .order-bill-pay .layer .coupon-deduction-box .coupon-wrap {
            display: inline-block;
            position: relative
        }

        .order-bill-pay .layer .coupon-deduction-box .coupon-box {
            display: none;
            position: absolute;
            left: -6px;
            top: 25px;
            padding: 5px 0;
            border: 1px solid #e1e1e1;
            white-space: nowrap;
            background-color: #fff;
            z-index: 5
        }

            .order-bill-pay .layer .coupon-deduction-box .coupon-box .coupon-item {
                padding: 0 5px;
                line-height: 22px;
                cursor: pointer
            }

            .order-bill-pay .layer .coupon-deduction-box .coupon-box .coupon-on {
                color: #37a3ff;
                background-color: #e5f3ff
            }

        .order-bill-pay .layer .coupon-deduction-box .coupon-tip {
            position: relative;
            bottom: 5px;
            line-height: 18px;
            color: #fe0000
        }

        .order-bill-pay .layer .coupon-deduction-box .selected-coupon .coupon-wrap:hover .coupon-box {
            display: inline-block
        }

        .order-bill-pay .layer .coupon-deduction-box, .order-bill-pay .layer .balance-deduction-box, .order-bill-pay .layer .emoney-box {
            padding: 20px 0 16px
        }

            .order-bill-pay .layer .coupon-deduction-box .deduce-type, .order-bill-pay .layer .balance-deduction-box .deduce-type, .order-bill-pay .layer .emoney-box .deduce-type {
                position: relative;
                padding-left: 30px;
                line-height: 32px
            }

                .order-bill-pay .layer .coupon-deduction-box .deduce-type .checkbox, .order-bill-pay .layer .balance-deduction-box .deduce-type .checkbox, .order-bill-pay .layer .emoney-box .deduce-type .checkbox {
                    vertical-align: top;
                    margin: 10px 5px 0 0;
                    margin-right: 5px
                }

                    .order-bill-pay .layer .coupon-deduction-box .deduce-type .checkbox.disabled, .order-bill-pay .layer .balance-deduction-box .deduce-type .checkbox.disabled, .order-bill-pay .layer .emoney-box .deduce-type .checkbox.disabled {
                        background-color: #EEE
                    }

                .order-bill-pay .layer .coupon-deduction-box .deduce-type label, .order-bill-pay .layer .balance-deduction-box .deduce-type label, .order-bill-pay .layer .emoney-box .deduce-type label {
                    color: #202020
                }

                .order-bill-pay .layer .coupon-deduction-box .deduce-type .desc, .order-bill-pay .layer .balance-deduction-box .deduce-type .desc, .order-bill-pay .layer .emoney-box .deduce-type .desc {
                    color: #767676
                }

                    .order-bill-pay .layer .coupon-deduction-box .deduce-type .desc b, .order-bill-pay .layer .balance-deduction-box .deduce-type .desc b, .order-bill-pay .layer .emoney-box .deduce-type .desc b {
                        color: #FE0000
                    }

                .order-bill-pay .layer .coupon-deduction-box .deduce-type .icon-question, .order-bill-pay .layer .balance-deduction-box .deduce-type .icon-question, .order-bill-pay .layer .emoney-box .deduce-type .icon-question {
                    vertical-align: top;
                    margin-top: 11px
                }

        .order-bill-pay .layer .pay-type-box li {
            margin: 0 76px 15px 0;
            width: 200px;
            height: 42px;
            line-height: 40px;
            overflow: hidden
        }

            .order-bill-pay .layer .pay-type-box li.checked {
                background-position: 185px 27px
            }

            .order-bill-pay .layer .pay-type-box li img {
                padding-top: 10px;
                width: auto;
                height: 20px
            }

        .order-bill-pay .layer .bank-transfer h5 {
            margin: 20px 0 10px
        }

        .order-bill-pay .layer .bank-transfer .bank-info {
            margin-bottom: 15px;
            font-size: 14px
        }

            .order-bill-pay .layer .bank-transfer .bank-info p {
                margin-left: 32px;
                line-height: 30px;
                color: #858585
            }

                .order-bill-pay .layer .bank-transfer .bank-info p span {
                    color: #333
                }

            .order-bill-pay .layer .bank-transfer .bank-info .attention {
                font-size: 12px;
                color: #FBBE00
            }

                .order-bill-pay .layer .bank-transfer .bank-info .attention i {
                    display: inline-block;
                    margin-right: 4px;
                    vertical-align: sub
                }

        .order-bill-pay .layer .bank-transfer .tips {
            padding: 10px 30px;
            border: 1px dashed #eee
        }

            .order-bill-pay .layer .bank-transfer .tips h6 {
                line-height: 30px;
                font-size: 12px;
                font-weight: normal
            }

            .order-bill-pay .layer .bank-transfer .tips p {
                line-height: 20px;
                color: #666
            }

    .order-bill-pay .immediate-pay {
        margin-top: 40px;
        font-size: 14px;
        text-align: right
    }

        .order-bill-pay .immediate-pay b {
            font-size: 18px;
            color: #FE0000
        }

        .order-bill-pay .immediate-pay .pay-btn {
            margin-left: 10px;
            width: 126px;
            height: 42px;
            line-height: 42px;
            background: #3AA3FF;
            color: #fff;
            font-size: 14px;
            text-align: center;
            border-radius: 3px
        }

    .order-bill-pay .pay-online-tips {
        line-height: 30px
    }

        .order-bill-pay .pay-online-tips .icon {
            display: inline-block;
            vertical-align: text-bottom;
            margin-right: 4px
        }

        .order-bill-pay .pay-online-tips a {
            color: #37A3FF
        }

.bill-pay-success-box {
    border-top: 10px solid #F9F9F9
}

    .bill-pay-success-box h3 {
        padding-left: 30px;
        line-height: 55px;
        font-size: 16px;
        color: #464646;
        border-bottom: 1px solid #eee
    }

    .bill-pay-success-box .success-box {
        text-align: center
    }

        .bill-pay-success-box .success-box .success-pic {
            margin: 80px auto 30px;
            height: 64px;
            background: url(../images/success.png) center center no-repeat
        }

        .bill-pay-success-box .success-box .success-txt {
            font-size: 18px;
            color: #333
        }

.add-upgrade-device-wrapper .select2-container {
    outline: none !important
}

    .add-upgrade-device-wrapper .select2-container .selection, .add-upgrade-device-wrapper .select2-container .select2-selection, .add-upgrade-device-wrapper .select2-container .selection__rendered {
        outline: none !important
    }

    .add-upgrade-device-wrapper .select2-container.select2-container--default .select2-selection--single {
        border: 1px solid #d9d9d9;
        border-radius: 0
    }

    .add-upgrade-device-wrapper .select2-container.select2-container--default .select2-dropdown {
        border: 1px solid #d9d9d9;
        border-top: none;
        border-radius: 0;
        outline: none
    }

    .add-upgrade-device-wrapper .select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
        border: 1px solid #d9d9d9
    }

    .add-upgrade-device-wrapper .select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #169dff
    }

.add-upgrade-device-wrapper .add-upgrade-device-layer {
    margin: 0 15px;
    font-size: 12px;
    word-break: break-all;
    color: #333
}

    .add-upgrade-device-wrapper .add-upgrade-device-layer .search-sku-layer {
        margin: 28px 0
    }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .search-sku-layer .search-sku-box {
            margin-top: 15px
        }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .search-sku-layer .search-sku-box .choose-sku {
                display: inline-block;
                vertical-align: middle;
                margin-left: 7px;
                width: auto;
                height: 28px;
                line-height: 28px;
                background: #169dff;
                color: #fff;
                font-size: 12px;
                text-align: center;
                border-radius: 3px;
                min-width: 60px
            }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .search-sku-layer .error-tip {
            line-height: 24px;
            color: #e73c31
        }

    .add-upgrade-device-wrapper .add-upgrade-device-layer .tit {
        margin-top: 40px;
        line-height: 34px;
        font-size: 14px;
        font-weight: 700
    }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .tit .desc {
            margin-left: 20px;
            font-weight: 400
        }

    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-tit .add-address {
        float: right;
        font-size: 12px;
        font-weight: 400;
        color: #37a3ff;
        cursor: pointer
    }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-tit .add-address span {
            margin-right: 4px;
            font-weight: 700
        }

    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box {
        margin-bottom: 0;
        padding: 30px;
        width: 100%;
        border: 1px solid #eee;
        box-sizing: border-box
    }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content {
            margin-top: -15px;
            font-size: 14px;
            color: #333
        }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address {
                margin-top: 15px;
                font-size: 12px;
                cursor: pointer
            }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dt {
                    float: left;
                    position: relative;
                    padding: 0 4px;
                    width: 138px;
                    height: auto;
                    line-height: 27px;
                    text-align: center;
                    word-break: break-all;
                    border: 2px solid #e9ebed
                }

                    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dt i {
                        display: none;
                        position: absolute;
                        right: -2px;
                        bottom: -2px
                    }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd {
                    position: relative;
                    float: left;
                    padding: 0 24px 0 10px;
                    width: 800px;
                    height: auto;
                    line-height: 31px
                }

                    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd span {
                        margin-left: 10px;
                        word-break: break-all
                    }

                        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd span.consignee-name-cont {
                            margin-left: 0
                        }

                        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd span.province {
                            margin-left: 20px
                        }

                        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd span.default-address {
                            float: left;
                            margin: 5px 0 0 30px;
                            width: 62px;
                            height: 20px;
                            line-height: 20px;
                            text-align: center;
                            color: #fff;
                            background: #c6c6c6
                        }

                    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd .handle-box {
                        float: right;
                        width: 188px;
                        height: 31px;
                        line-height: 31px
                    }

                    .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd .default-box {
                        display: none;
                        float: right;
                        color: #37a3ff
                    }

                        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address dd .default-box span {
                            margin-left: 20px
                        }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address:hover dd {
                    background: #f8f8f8
                }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .express-address:hover .default-box {
                    display: block
                }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .cur dt {
                border-color: #37a3ff
            }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .address-content .cur dt i {
                    display: block
                }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .handle-address {
            margin-top: 5px;
            text-align: right
        }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .handle-address span {
                font-size: 12px;
                cursor: pointer
            }

                .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .handle-address span i {
                    display: inline-block;
                    margin-left: 5px
                }

        .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .no-address {
            margin: 6px auto;
            text-align: center
        }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .no-address i {
                display: inline-block;
                vertical-align: middle;
                margin-right: 8px
            }

            .add-upgrade-device-wrapper .add-upgrade-device-layer .address-info .address-box .no-address .add-address {
                color: #37a3ff;
                cursor: pointer
            }

    .add-upgrade-device-wrapper .add-upgrade-device-layer .submit-btn {
        margin: 40px auto;
        width: 120px;
        height: 40px;
        line-height: 40px;
        background: #169dff;
        color: #fff;
        font-size: 14px;
        text-align: center;
        border-radius: 3px;
        cursor: pointer
    }

.edit-upgrade-layer {
    margin-top: -10px;
    color: #333
}

    .edit-upgrade-layer .title {
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 700
    }

        .edit-upgrade-layer .title.choose-sku-title {
            margin-bottom: 0
        }

        .edit-upgrade-layer .title .desc {
            font-weight: 400;
            color: #999
        }

    .edit-upgrade-layer .edit-item {
        margin: 0 55px
    }

        .edit-upgrade-layer .edit-item .label {
            float: left;
            width: 100px;
            font-weight: 700;
            font-size: 12px
        }

    .edit-upgrade-layer .choose-sku {
        font-size: 1px
    }

        .edit-upgrade-layer .choose-sku .sku-name {
            margin: 10px 0 15px
        }

    .edit-upgrade-layer .choose-service {
        margin-bottom: 20px
    }

        .edit-upgrade-layer .choose-service .choose-service-item {
            margin-bottom: 5px;
            height: 72px
        }

        .edit-upgrade-layer .choose-service .service-item-layer {
            float: left;
            width: 485px;
            height: 100%;
            overflow-x: auto
        }

        .edit-upgrade-layer .choose-service .service-item {
            display: inline-block;
            vertical-align: top;
            margin-right: 15px;
            width: 108px;
            height: 50px;
            text-align: center;
            border: 1px solid #ccc;
            cursor: pointer
        }

            .edit-upgrade-layer .choose-service .service-item.cur {
                border-color: #169dff
            }

                .edit-upgrade-layer .choose-service .service-item.cur .text, .edit-upgrade-layer .choose-service .service-item.cur .price {
                    color: #169dff
                }

            .edit-upgrade-layer .choose-service .service-item.graphic .service {
                font-size: 12px
            }

            .edit-upgrade-layer .choose-service .service-item .text {
                margin-top: 2px;
                font-size: 16px;
                font-weight: 700
            }

            .edit-upgrade-layer .choose-service .service-item .price {
                margin-top: -2px;
                font-size: 12px;
                color: #999
            }

    .edit-upgrade-layer .choose-num .num-box {
        float: left;
        text-align: center;
        cursor: pointer
    }

    .edit-upgrade-layer .choose-num .reduce, .edit-upgrade-layer .choose-num .add, .edit-upgrade-layer .choose-num .num-ipt {
        display: inline-block;
        vertical-align: top
    }

    .edit-upgrade-layer .choose-num .reduce, .edit-upgrade-layer .choose-num .add {
        width: 28px;
        height: 28px;
        font-size: 16px;
        border: 1px solid #dbdbdb
    }

        .edit-upgrade-layer .choose-num .reduce.disabled, .edit-upgrade-layer .choose-num .add.disabled {
            color: #e0e0e0;
            background-color: #eee
        }

    .edit-upgrade-layer .choose-num .num-ipt {
        padding: 0 10px;
        width: 50px;
        height: 28px;
        font-size: 14px;
        text-align: center;
        border: 1px solid #e9ebed
    }

        .edit-upgrade-layer .choose-num .num-ipt:focus {
            border-color: #e9ebed !important;
            box-shadow: none
        }

.upgrade-table {
    width: 100%;
    line-height: 24px;
    text-align: center
}

    .upgrade-table thead {
        line-height: 42px;
        background-color: #e6ecf0;
        border: 1px solid #e1e1e1
    }

    .upgrade-table tbody td {
        padding: 14px 20px;
        border: 1px solid #ccc
    }

    .upgrade-table tbody .price-box {
        color: #e73c31
    }

    .upgrade-table tbody .handle-box {
        padding: 0
    }

        .upgrade-table tbody .handle-box span {
            margin: 0 10px;
            color: #169dff;
            cursor: pointer
        }

    .upgrade-table tbody a {
        color: #169dff
    }

.confirm-upgrade-layer {
    width: 860px;
    font-size: 12px;
    text-align: center
}

    .confirm-upgrade-layer .total-num {
        margin: -6px auto 10px;
        color: #333;
        font-size: 16px
    }

    .confirm-upgrade-layer .desc {
        line-height: 22px;
        color: #999
    }

    .confirm-upgrade-layer .upgrade-table-box {
        margin: 15px auto 5px;
        max-height: 400px;
        overflow: auto
    }

.upgrade-device-detail-layer {
    margin: 0 15px;
    font-size: 12px;
    word-break: break-all;
    color: #333
}

    .upgrade-device-detail-layer .info-box {
        margin-top: 15px
    }

        .upgrade-device-detail-layer .info-box .item {
            margin-right: 50px
        }

    .upgrade-device-detail-layer .progress-box {
        margin: 65px auto 0;
        width: 576px
    }

        .upgrade-device-detail-layer .progress-box .progress-item, .upgrade-device-detail-layer .progress-box .line-box, .upgrade-device-detail-layer .progress-box .txt-box {
            display: inline-block;
            vertical-align: top
        }

        .upgrade-device-detail-layer .progress-box .progress-item {
            height: 75px
        }

            .upgrade-device-detail-layer .progress-box .progress-item .line-box {
                margin-top: 22px;
                width: 80px;
                height: 2px;
                background-color: #169dff
            }

            .upgrade-device-detail-layer .progress-box .progress-item .txt-box {
                width: 84px;
                height: 75px;
                text-align: center
            }

                .upgrade-device-detail-layer .progress-box .progress-item .txt-box i {
                    display: block;
                    margin: 0 auto
                }

                .upgrade-device-detail-layer .progress-box .progress-item .txt-box p {
                    line-height: 30px;
                    color: #169dff
                }

            .upgrade-device-detail-layer .progress-box .progress-item.undone .line-box {
                background-color: #d7d7d7
            }

            .upgrade-device-detail-layer .progress-box .progress-item.undone p {
                color: #999
            }

    .upgrade-device-detail-layer .upgrade-info-box {
        margin-top: 40px
    }

        .upgrade-device-detail-layer .upgrade-info-box .rent-td {
            text-align: left
        }

            .upgrade-device-detail-layer .upgrade-info-box .rent-td .rent-box .label {
                float: left;
                width: 50px
            }

            .upgrade-device-detail-layer .upgrade-info-box .rent-td .rent-box .rent {
                float: left;
                width: 115px
            }

        .upgrade-device-detail-layer .upgrade-info-box .sn-layer {
            position: relative
        }

            .upgrade-device-detail-layer .upgrade-info-box .sn-layer:hover .sn-box {
                display: block
            }

        .upgrade-device-detail-layer .upgrade-info-box .show-all-sn {
            color: #169dff;
            cursor: pointer
        }

        .upgrade-device-detail-layer .upgrade-info-box .sn-box {
            display: none;
            position: absolute;
            z-index: 3;
            right: 10px;
            padding: 4px 10px;
            width: 200px;
            max-height: 100px;
            word-break: break-all;
            background-color: #fff;
            overflow: auto;
            box-shadow: 3px 3px 3px 0px #e4e4e4
        }

.upgrade-device-list-layer {
    margin: 0 20px;
    padding-bottom: 20px;
    font-size: 12px;
    word-break: break-all;
    color: #333
}

    .upgrade-device-list-layer .info-box {
        margin-top: 20px;
        line-height: 40px
    }

        .upgrade-device-list-layer .info-box .company-name {
            font-size: 20px
        }

        .upgrade-device-list-layer .info-box .upgrade-device-btn {
            margin-top: 8px;
            width: 60px;
            height: 24px;
            line-height: 24px;
            background: #169dff;
            color: #fff;
            font-size: 12px;
            text-align: center;
            border-radius: 3px
        }

    .upgrade-device-list-layer .empty-box {
        text-align: center
    }

        .upgrade-device-list-layer .empty-box .empty-icon {
            display: block;
            margin: 100px auto 20px
        }

        .upgrade-device-list-layer .empty-box .upgrade-device-btn {
            display: inline-block;
            width: 93px;
            height: 33px;
            line-height: 33px;
            background: #f7fcff;
            color: #169dff;
            font-size: 14px;
            text-align: center;
            border-radius: 3px;
            border: 1px solid #169dff
        }

            .upgrade-device-list-layer .empty-box .upgrade-device-btn:hover {
                background-color: #e7f5ff
            }

    .upgrade-device-list-layer .table-thead {
        margin: 20px 0;
        line-height: 40px;
        text-align: center;
        background-color: #f2f2f2;
        border: 1px solid #ebebeb
    }

    .upgrade-device-list-layer .service-info {
        padding: 0 30px 0 15px;
        line-height: 40px;
        background-color: #e6ecf0;
        border: 1px solid #e1e1e1
    }

        .upgrade-device-list-layer .service-info span {
            margin-right: 30px
        }

        .upgrade-device-list-layer .service-info a {
            color: #37a3ff
        }

        .upgrade-device-list-layer .service-info .btn-box a {
            margin-left: 20px
        }

    .upgrade-device-list-layer .service-table {
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
        border: 1px solid #ccc
    }

        .upgrade-device-list-layer .service-table td {
            border: 1px solid #ccc
        }

        .upgrade-device-list-layer .service-table .device-info {
            padding: 12px 20px;
            line-height: 30px;
            text-align: left
        }

            .upgrade-device-list-layer .service-table .device-info .upgrade-info span {
                font-weight: 700
            }

    .upgrade-device-list-layer .uc-paging {
        margin: 0
    }

.upgrade-device-list-wrapper .cancel-layer {
    line-height: 24px;
    font-size: 14px;
    text-align: center
}

    .upgrade-device-list-wrapper .cancel-layer .tips {
        margin: -10px auto 15px;
        font-size: 16px
    }

    .upgrade-device-list-wrapper .cancel-layer .textarea {
        padding: 4px 6px;
        width: 330px;
        height: 82px;
        border: 1px solid #dbdbdb
    }

    .upgrade-device-list-wrapper .cancel-layer .error-tip {
        margin-top: 5px;
        color: #e73c31
    }