.body{font-size:14px;font-weight:400;font-family:Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif}.page-bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:100% 100%;background-color:#fff;overflow:auto}.el-step__title{font-size:14px;line-height:30px}.purchase-head{width:100%;height:470px;background:#f4f4f4}.mg-b40{margin-bottom:20px}.buyed-option{width:100%}.buyed-option .active-btn-opt{background:#00bbd2;color:#fff}.but-title{color:#666;font-size:14px;line-height:24px}.but-title,.package-ul{margin-bottom:10px}.package-ul li{position:relative;float:left;cursor:pointer;width:240px;height:28px;line-height:28px;text-align:center;background:#f4f4f4;color:#666;margin-right:2px;font-size:12px}.package-ul li:after{position:absolute;top:28px;left:115px;display:inline-block;border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent;content:""}.package-ul li.package-ul-active{background:#00bbd2;color:#fff}.package-ul li.package-ul-active:after{border-top:5px solid #00bbd2}.package-list-group{float:left;width:240px;border:1px solid #e8e8e8;padding:15px 20px;margin-right:2px;position:relative;cursor:pointer;min-height:100px}.package-list-group h2{font-size:14px;padding:0;margin:0 0 6px 0}.package-list-group p{color:#666;line-height:24px;padding:0;margin:0;font-size:14px}.package-price{width:120px;color:#f60;text-align:right;font-size:20px;position:absolute;right:20px;top:10px}.buy-option-list,.package-box .active-package-list{border:1px solid #00bbd2}.active-package-list b,.license-item-active b{width:20px;height:20px;background-size:20px auto;position:absolute;right:0;bottom:0}.clearfloat:after{display:block;content:"";clear:both}.detailed{width:300px;padding:34px 30px 40px;border:1px solid #e5e5e5;position:relative;color:#999;font-size:14px}.detailed,.detailed h2{background:#fff;margin-top:10px}.detailed h2{padding:0 4px;height:41px;line-height:41px;margin-bottom:15px;position:absolute;top:-30px;left:16px;font-weight:400}.detailed table{margin-bottom:10px}.detailed table tr td{padding:6px 0 0 0}.p-font{color:#333}.p-font2{line-height:22px}.buy-color{color:#f60}a.buy-btn.disabled{background-color:#dedede;cursor:not-allowed}a.buy-btn{display:block;width:100%;height:48px;line-height:48px;font-size:16px;color:#fff;text-align:center;border-radius:2px;background-color:#ccc;margin:20px 0}.detailed a.buy-btn-active{color:#fff;background-color:#00bbd2;cursor:pointer}.xy-style{margin:20px auto 0;overflow:hidden}a.clickable{color:#398ef6}.invoice-color{color:#666}.invoice-color span{display:block}.fapiao{margin-top:24px}.fl{float:left}.btn-fa-style{display:block;width:180px;height:30px;font-size:12px;color:#999;text-align:center;line-height:28px;cursor:pointer}a.btn-fa-border-b{border:1px solid #00bbd2;color:#00bbd2}.block{padding:30px 24px;overflow:hidden;border-bottom:1px solid #eff2f6}.el-input-number{position:relative;display:inline-block;width:180px;line-height:38px}.el-input-number--small{width:130px;line-height:30px}.el-input-number__increase{right:1px;border-radius:0 4px 4px 0;border-left:1px solid #dcdfe6}.el-input-number__decrease{left:1px;border-radius:4px 0 0 4px;border-right:1px solid #dcdfe6}.el-input-number__decrease,.el-input-number__increase{position:absolute;z-index:1;top:1px;width:40px;height:auto;text-align:center;background:#f5f7fa;color:#606266;cursor:pointer;font-size:13px}.el-slider__bar{height:6px;background-color:#00bbd2;border-top-left-radius:3px;border-bottom-left-radius:3px;position:absolute}.body-input{padding:4px 20px}.text{font-size:14px}.item{padding:18px 0}.box-card{width:480px}.help-pop-p p{font-size:12px;color:#999}.help-pop-p .black-title{color:#333}.help-line{border-bottom:1px solid #f0f0f0}.fz24{font-size:24px}.fz20{font-size:20px}.fz16{font-size:16px}.fz14{font-size:14px}.fz12{font-size:12px}div.main{width:1000px;margin:0 auto;padding:0 0 60px 0;position:relative}.pay div{-webkit-box-sizing:content-box;box-sizing:content-box}.pay em{font-style:normal}.pay h3{font-weight:700}.pay .order{background-color:#f1f2f7;position:relative}.pay .order .o-left{float:left;padding-bottom:10px;padding-left:30px;padding-top:10px;width:620px}.pay .order .o-title{font-size:14px;height:26px;line-height:26px;overflow:hidden}.pay .order .o-right{float:right;overflow:hidden;padding-bottom:10px;padding-right:85px;padding-top:10px;width:220px}.pay .order .o-right .o-break{display:inline-block;width:20px;height:17px;position:absolute;top:35px;right:90px}.pay .order .o-price{line-height:26px;font-size:14px;margin-bottom:4px;text-align:right}.pay .order .o-price strong{color:#ff5d5b;font-size:18px;margin:0 3px;vertical-align:bottom}.pay .order .o-price em{vertical-align:bottom}.pay .order .o-detail{position:absolute;right:70px;bottom:0;padding:6px 12px;font-size:12px;background:#4b5b78;color:#fff;text-align:center;cursor:pointer}.pay .order .o-detail a{display:inline-block;padding-right:15px;position:relative;font-size:12px}.pay .order .o-detail a i{display:block;height:12px;position:absolute;right:0;top:3px;width:12px}.pay .order .o-tips{height:20px;line-height:20px;font-size:12px}.pay .order .font-red{color:#ff5d5b}.pay .order .o-left-pay{width:920px;padding:20px 0 30px 20px}.pay .order .o-right-pay{float:right;width:140px;height:182px;margin-right:30px;border-radius:2px;border:1px solid #ebebeb;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc}.pay .order .o-title-pay{padding-left:55px;height:35px;line-height:35px;font-size:18px;color:#3b6;font-weight:400}.pay .order .o-middle{padding-left:55px;font-size:16px;overflow:hidden;padding-bottom:5px}.pay .order .o-middle .pay-m{margin-right:95px;float:left;font-size:14px}.pay .order .o-middle .pay-m strong{color:#ff5d5b}.pay .order .o-middle .pay-m strong span{font-weight:400}.pay .order .o-foot{padding-left:55px;padding-bottom:40px;border-bottom:1px dashed #ccc;overflow:hidden}.pay .order .o-foot a{color:#005ea7;text-decoration:none;display:inline-block}.pay .order .o-prompt{font-size:14px;color:#666;padding-top:10px;padding-left:55px}.pay .order .o-prompt span{font-weight:900}.pay .order .o-prompt strong{font-size:16px;margin-left:5px}.pay .payment{background-color:#fff;padding:1px 30px 0;border:1px solid #f0f0f0;border-top:4px solid #4b5b78;padding-bottom:25px}.pay .payment div,.pay .payment li,.pay .payment ul{-webkit-box-sizing:content-box;box-sizing:content-box}.pay .payment .serv-code{margin-bottom:10px;padding-left:19px}.pay .pay-verify{padding-bottom:20px;padding-left:57px;padding-top:20px}.pay .pv-button{padding-left:19px}.pay .ui-button{background-color:#00bbd2;border:none;border-radius:2px;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;height:32px;line-height:32px;padding:0 28px;text-align:center;vertical-align:middle}.pay .ui-button:hover{background-color:#00adc4}.pay .ui-button-XL{font-family:Microsoft Yahei;font-size:18px;font-weight:700;height:50px;line-height:48px;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.3);width:220px}.pay .payment-list{padding:0 20px 10px 0}.pay .payment-list li,.pay .payment-list ul{list-style:outside none none}.pay .payment-list .chanjet-img{margin-bottom:20px}.pay .payment-list .chanjet-img p{position:absolute;top:13px;left:180px;font-size:12px}.pay .payment-list .weixin-img{margin-bottom:20px;background-size:110px}.pay .payment-list .weixin-img p{position:absolute;top:13px;left:180px;font-size:12px}.pay .payment-list .appair-img{margin-bottom:20px}.pay .payment-list .appair-img p{position:absolute;top:13px;left:180px;font-size:12px}.pay .payment-list .appmoni-img p{position:absolute;top:13px;left:180px;font-size:12px}.pay .payment-list .list-cont li{cursor:pointer;margin-right:30px;position:relative;list-style:outside none none;display:inline-block}.pay .payment-list .payment-item{border:2px solid #ddd;cursor:pointer;height:40px;width:160px;line-height:18px;position:relative}.pay .payment-list .payment-item.item-hover,.pay .payment-list .payment-item.item-selected{border:2px solid #00bbd2}.pay .payment-list .payment-item.item-selected b{bottom:0;display:block;height:16px;overflow:hidden;position:absolute;right:0;width:16px;background-size:auto 16px}.pay .p-amount{line-height:26px;position:absolute;right:18px;text-align:right;top:14px;width:160px}.pay .p-amount em{vertical-align:bottom}.pay .p-amount strong{color:#ff5d5b;font-size:18px;margin:0 3px;vertical-align:bottom}.pay .p-wrap{padding-bottom:10px;padding-top:10px;position:relative;height:100%\9}.pay .paybox{background-color:#fff;border-radius:2px;padding:0}#pay-tip-dialog .modal-dialog{width:500px}#pay-tip-dialog .modal-body{padding:20px 50px}#pay-tip-dialog .pay-loading{height:100px;width:100px}#pay-tip-dialog .pay-txt{padding:27px 0}#pay-tip-dialog .pay-txt p{margin:5px 0}.Nopay{height:170px;font-size:14px;padding:0 30px 30px 0;color:#333;margin-top:20px}.Nopay h2{font-size:14px;padding-left:28px;height:20px;line-height:20px;margin-bottom:30px}.Nopay-txt{float:left;width:260px;height:60px;margin-bottom:44px;padding-top:20px}.Nopay-txt p{margin-bottom:10px}.Nopay-txt p span{font-size:16px}.pay-tips{float:left}.pay-tips h3{font-weight:700;margin-bottom:15px}.pay-tips h3,.pay-tips p{font-size:14px;color:#333}.pay-tips p{margin-bottom:8px}.pay-tips .phone{font-size:16px;color:#ff4646;margin-top:15px}.pay-success .code-scan{position:fixed;top:400px;right:30px}.pay-success .code-scan .code-img{width:160px;height:160px}.pay-success .code-scan table{color:#92969b;width:100%;text-align:center}.ml50{margin-left:50px}.pay .error-content{text-align:center;position:relative}.pay .error-btns{margin:60px auto;width:500px}.paying-img{overflow:hidden;padding:50px;width:330px;margin:0 auto;padding-left:90px}.paying-img h2{font:18px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",Arial,"\5B8B\4F53",Verdana,sans-serif;padding-top:20px}.paying .error-btns{width:200px}.order-list-body{background:#eee;font-size:12px}.order-list{margin:30px auto;width:1000px}.order-list .order-list-header{position:relative}.order-list .order-list-header ul{list-style:none}.order-list .order-list-header ul li.nav-list{display:inline}.order-list .order-list-header .title{position:relative;font-size:16px;padding:6px 0}.order-list .content{position:relative;background:#fff;padding:20px}.order-list .content .bubble{display:none;width:148px;height:20px;line-height:20px;background:#e5f4ff;color:#12619c;border:1px solid #78b8e7;border-radius:3px;position:absolute;top:-35px;right:20px;z-index:200;padding:10px}.order-list .content .bubble .bubble-close{display:inline-block;width:14px;height:14px;position:absolute;top:12px;right:10px}.order-list .content .bubble .bubble-s{display:inline-block;width:13px;height:13px;position:absolute;top:35px;right:20px}.order-list .content .list-tab{position:relative;margin-bottom:20px}.order-list .content .list-tab .tab-item{position:relative;float:left;width:100px;text-align:center;font-size:14px;height:36px;line-height:36px;margin:0 20px}.order-list .content .list-tab .tab-item.selected{color:#c40000;border-bottom:2px solid #c40000}.order-list .content .list-tab .tab-item:hover{color:#c40000}.order-list .content .company{position:absolute;right:20px;top:20px;font-size:14px;max-width:340px;height:37px;line-height:35px;text-overflow:ellipsis;white-space:nowrap}.order-list .content .company .com-name{float:left;margin-right:5px}.order-list .content .company .select_box{float:left}.order-list .content .company #org-select{width:250px;height:35px;padding:0 5px;border:1px solid #ccc}.order-list .content .list-header{position:relative;background:#f5f5f5;padding:4px 20px;margin-bottom:10px}.order-list .content .list-header .list-header-item{display:inline-block}.order-list .content .list-header .order-action{position:absolute;right:10px;top:14px}.order-list .content .order-data{position:relative}.order-list .content .order-data .order-element{position:relative;background:#f5f5f5;padding:10px;margin-top:20px;padding-top:0}.order-list .content .order-data .order-element .order-header{position:relative;height:34px;line-height:34px;padding:4px 0}.order-list .content .order-data .order-element .order-header .order-header-item{display:inline-block}.order-list .content .order-data .order-element .order-header .order-time{width:160px}.order-list .content .order-data .order-element .order-header .order-agent{position:absolute;right:0;top:5px}.order-list .content .order-data .order-element .order-header .order-agent .agent-name{display:inline-block;margin-right:10px}.order-list .content .order-data .order-element .order-header .order-agent .agent-mobile{display:inline-block;background-position:0 8px;padding-left:20px}.order-list .content .order-data .order-element .order-content{position:relative;background:#fff;padding:20px;padding-bottom:10px;min-height:82px}.order-list .content .order-data .order-element .order-content .order-content-info{float:left;width:230px}.order-list .content .order-data .order-element .order-content .order-content-item{position:relative;display:inline-block;vertical-align:top;line-height:18px}.order-list .content .order-data .order-element .order-content .order-price{padding:0 20px;font-size:14px}.order-list .content .order-data .order-element .order-content .order-action{position:absolute;right:0;top:20px;bottom:0;margin-left:0}.order-list .content .order-data .order-element .order-content .order-total-price{right:100px;width:210px;top:0}.order-list .content .order-data .order-element .order-content .order-total-price table{width:100%;height:100%;text-align:left;padding-left:14px}.order-list .content .order-data .order-element .order-content .app-icon img{width:60px;height:60px;border-radius:4px}.order-list .content .order-data .order-element .order-content .app-name{padding-left:6px}.order-list .content .order-data .order-element .order-content .order-status{font-size:14px}.order-list .content .order-data .order-element .order-content .order-detail-jumper{position:relative;padding:6px 0}.order-list .content .order-data .order-element .order-content .jumpToDetail{font:12px Arial,Helvetica,sans-serif}.order-list .content .order-data .order-element .order-content .cancel-btn{display:block;margin:0 auto 0;padding:6px 0;width:80px;font:12px Arial,Helvetica,sans-serif;color:#333;text-decoration:none;background:#fff;cursor:pointer;border-radius:4px}.order-list .content .order-data .order-element .order-content .cancel-btn:hover{color:#ec5022}.order-list .content .order-data .order-element .order-content:after{content:".";visibility:hidden;display:block;clear:both}.order-list .content .order-data .none-order{width:550px;margin:50px auto;overflow:hidden}.order-list .content .order-data .none-order img{display:block;float:left}.order-list .content .order-data .none-order .none-ordertxt{float:right;font-size:18px;padding-top:50px}.order-list .content .order-data .none-order .none-ordertxt a{color:#00a8fb}.order-list .pay-btn{display:block;margin:0 auto 0;padding:6px 0;width:80px;font-size:12px;color:#fff;text-decoration:none;background:#ec5022;cursor:pointer;border-radius:4px}.order-list .order-detail,.order-list .order-name{width:220px}.order-list .order-price{width:90px;padding:10px 20px;text-align:right;margin-right:40px}.order-list .order-action{width:112px;text-align:center;margin-left:60px}.order-list .order-content-state,.order-list .order-state{width:100px;padding:0 20px;text-align:center}.order-list .order-operate{float:right;padding:10px 20px}.order-list .order-content-price{padding:0 20px}.order-list .order-content-price strong{font-size:14px;width:90px;text-align:right;margin-right:40px;float:right}.orderDetail{padding-left:0;color:#333}.orderDetail #cancel-order{color:#fff;font-size:12px;position:absolute;right:60px;background:#00a8fb;top:8px}.orderDetail div,.orderDetail li,.orderDetail ul{-webkit-box-sizing:content-box;box-sizing:content-box}.orderDetail .workbench_body{margin:30px auto 0;width:1000px}.orderDetail .fontRed{width:250px}.orderDetailNav{height:36px}.orderDetailNav a:link{color:#333;text-decoration:none}.orderDetailNav a:hover{color:#00a8fb;text-decoration:none}.orderDetailLoading{width:1000px;height:200px;font-size:18px;color:#333;line-height:200px;text-align:center;background:#f9f9f9}.orderDetailHeader{position:relative;padding:10px 20px;margin-bottom:16px}.orderDetailHeader.success{background:#f5fff3;border:1px solid #63c15b}.orderDetailHeader.success .orderPayStatus{color:#76c147}.orderDetailHeader.closed{background:#f3f3f3;border:1px solid #ccc}.orderDetailHeader.closed .orderPayStatus{color:#aaa}.orderDetailHeader.waiting{background:#fff9f5;border:1px solid #f4700e}.orderDetailHeader.waiting .orderPayStatus{color:#ef4c41}.orderDetailHeader li{float:left}.orderDetailHeader .cell1{width:316px}.orderDetailHeader .cell2{width:230px}.orderDetailHeader .cell2,.orderDetailHeader .cell3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.orderDetailHeader .cell3{padding-right:10px;width:250px}.orderDetailHeader .cell4{width:210px}.orderDetailHeader .orderStatusIcon{position:absolute;left:30px;top:30px;width:32px;height:32px}.orderDetailHeader .orderTitle{padding-top:4px;width:900px;height:36px;font-size:16px;color:#333}.orderDetailHeader .orderPayStatus{padding-left:20px}.orderDetailHeader .orderPayTime{padding-left:20px;font-size:12px;line-height:24px;color:#333}.orderDetailHeader .orderInfo{height:26px;line-height:26px;border-top:1px dashed #ddd;padding-top:10px}.orderDetailHeader .orderPay{width:900px;height:26px;line-height:26px}.blockTitle{font-weight:700}.blockTitle,.tableHeader{margin-bottom:10px;font-size:14px}.tableHeader{width:940px;height:40px;background:#f9f9f9}.tableHeader li{float:left;height:40px;line-height:40px}.tableContent{width:940px;padding:10px 0}.tableContent li{float:left}.orderDetailInfo{padding:10px 30px;width:940px;background:#fff}.orderDetailInfo .orderInfo{width:900px;height:26px;line-height:26px}.orderDetailInfo li{float:left}.orderDetailInfo .cell1,.orderDetailInfo .cell2{width:290px}.orderDetailInfo .cell3{padding-right:10px;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orderDetailInfo .cell4{width:210px}.orderContentInfo{padding:30px;width:940px;background:#fff;border-top:1px solid #eee}.orderContentInfo .orderAppName{padding-left:30px;width:160px}.orderContentInfo .orderCompany{padding-right:10px;width:320px;word-wrap:break-word;word-break:break-all;min-height:1px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.orderContentInfo .orderRightInfo{width:200px}.orderContentInfo .orderEndDate{width:220px}.orderContentInfo .app-order .orderAppName{width:250px}.orderContentInfo .app-order .orderRightInfo{width:350px}.orderDetailInvoice{padding:60px 30px;width:940px;background:#fff;border-top:1px solid #eee}.orderDetailInvoice .invoiceNone{padding-left:30px;background:#f9f9f9;height:40px;line-height:40px}.orderDetailInvoice .invoiceType{padding-left:30px;width:160px}.orderDetailInvoice .invoiceHeader{padding-right:10px;width:320px;word-wrap:break-word;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.orderDetailInvoice .invoiceContent{width:200px}.orderDetailInvoice .invoiceAddressee{width:220px;word-wrap:break-word;word-break:break-all}.fixed{bottom:0;left:0;position:fixed;right:0;background:#fff}.orderPayNow .orderPayResult{background:#eee}.orderPayNow .un-pay-con,.orderPayNow ul.pay-btn{width:1000px;margin:0 auto}.orderPayNow ul.pay-btn{height:60px}.orderPayNow .pay-btn li{float:right;height:60px;line-height:60px;font-size:14px}.orderPayNow .payTotal{font-size:18px;color:#ef4c41}.orderPayNow .payBtn{margin-left:30px;width:160px;background:#de4a4a}.orderPayNow .payBtn a{display:block;width:160px;height:60px;font-size:22px;cursor:pointer;text-align:center;color:#fff!important;text-decoration:none!important}.orderPayResult{padding:10px;background:#f9f9f9;border-top:1px solid #eee}.orderPayResult .orderPayPanel{font-size:14px;overflow:hidden;padding:0 20px 10px 0}.orderPayResult .orderPayPanel li{line-height:20px;overflow:hidden}.orderPayResult .orderPayPanel li span{width:150px;float:left;text-align:right}.orderPayResult .orderPayPanel .orderPayItem{position:relative;line-height:26px}.orderPayResult .orderPayMoney{border-top:1px solid #ccc;font-size:16px;font-family:arial;font-weight:700;padding:10px 20px 0 0}.orderPayResult .orderPayMoney .payPrice{color:red}.orderPayResult .orderPayMoney .payPrice b{font-size:24px}.step-box{width:360px;position:absolute;top:0;right:0;margin-top:6px}.step-box,.step-box dl{height:6px;background:#dedede;border-radius:50px}.step-box dl{width:120px;float:left;text-align:center;font-size:12px}.step-box dl dt{width:20px;height:20px;border-radius:50px;line-height:20px;color:#fff;background:#dedede;margin:-8px auto 0}.step-box dl dd{padding-top:5px;color:#999}.step-box dl.doing,.step-box dl.doing dt{background:#3b6}.step-box dl.towr{width:124px;margin-left:-4px}.stepflex dl.doing dt{background:#3b6}#pay-complete{background-color:#00bbd2}#pay-complete:hover{background-color:#00adc4}.panel .qrcode-pay>div{float:left}.qrcode-pay{height:276px}.bankpay>div{float:left}.bank-logo{background:url(/release/imgs/store_logo_huaxia.png) no-repeat 25px 40px;height:120px;width:240px;background-color:#f8f8f8;margin-right:30px}.o-detail-new{position:absolute;right:460px;bottom:-30px;padding:6px 12px;font-size:12px;background:#3b6;color:#fff;text-align:center;cursor:pointer}.step-tit{color:#333}.step-tit,.step-tit h3{height:40px;line-height:40px}.step-tit h3{font-size:14px;font-weight:700}.step-tit .extra-r{float:right;font-size:12px;margin-right:60px}.step-tit .o-problem{font:12px Arial,Helvetica,sans-serif;color:#005ea7;text-decoration:none;display:block;float:right;margin-top:10px}