@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-o-keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-size:14px}.light{color:#ababab}.no-border{border:none!important}.orange-font{color:#f34602}.tr{text-align:right}.button.orange{background:#f34602}.button.simple{background:#fff;color:#f34602;border:1px solid #f34602}.button.simple:active,.button.simple:hover{background:#f34602;color:#fff}.button:disabled{cursor:not-allowed}.button:disabled:active,.button:disabled:hover{border-color:transparent!important}.cmis-header{border-bottom:1px solid #e6e6e6}.cmis-header li{padding:15px 0;font-size:14px}.cmis-header li>div{padding:0 50px;border-right:2px solid #e6e6e6}.cmis-header li:last-child>div{border-right:0}.cmis-header li.on{color:#f34602}.cmis_body button,.cmis_body dd,.cmis_body div,.cmis_body dl,.cmis_body dt,.cmis_body li,.cmis_body section,.cmis_body ul{box-sizing:border-box}.cmis-no-bill{margin:40px 0}.cmis_body .cmis_content{min-height:805px;margin-bottom:80px}.cmis_body .cmis_content .container>section.tab-area{display:block}.cmis_body .cmis_content .title mark{border-left:4px solid #f34602}.cmis_tab .tab_container .record a{color:#f34602}.no-data-view{position:relative;padding-top:143px}.no-data-view i{display:block;width:130px;height:130px;background:url(../../../../img/logic/d/pic_no_mybill.9f5129e2d80fe7fb3bacaa2f382e111385a91e19.png) no-repeat center;background-size:contain;margin-bottom:16px}.no-data-view span{display:block;text-align:center;color:#666;font-size:20px;line-height:1.3}.cur-bill-area{padding:8px 0 28px 0}.cur-bill-area big{font-size:34px;font-weight:700;margin:16px 0;display:block}.cur-bill-area .overtime{margin:16px 0 16px 12px;font-size:12px}.cur-bill-area .overtime mark{display:block;margin-bottom:8px;height:20px;width:auto;padding:0 16px;line-height:20px;text-align:center;background:#f34602;color:#fff;font-weight:400}.cur-bill-area .overtime i:before{content:"\e67e";margin-left:5px;cursor:pointer;font-size:15px;color:#ababab}.cur-bill-area .rest-bill{width:100%}.cur-bill-area .rest-bill>div{width:45%;padding-right:10px}.cur-bill-area .rest-bill big{font-size:30px;line-height:38px}.cur-bill-area .no-bill{width:100%}.cur-bill-area .no-bill>div{width:40%}.cur-bill-area .no-bill big{font-size:32px;margin:0}.cur-bill-area .no-bill .light{margin-top:22px}.cur-bill-area .no-bill .icofont:after,.cur-bill-area .no-bill .icofont:before{content:"\e66a"}.cur-bill-area .button{padding:0 55px;margin-bottom:12px;height:44px;width:auto;border-radius:1px}.integral-area>dl{width:50%;height:128px;margin-right:15px;padding:20px;background:#fbfdfe;border:1px solid #d0e2f8;position:relative}.integral-area>dl:last-child{margin-right:0}.integral-area>dl .big{padding:15px 0;font-size:20px;font-weight:700}.integral-area>dl .btn{position:absolute;right:20px;top:22px}.integral-area>dl .btn .button{width:auto;padding:0 12px;height:24px;border-radius:1px;font-size:12px}.tab-area .tab-header{width:100%;margin-top:20px;border-bottom:1px solid #e6e6e6;text-align:center;color:#424242}.tab-area .tab-header>div{width:185px;padding:14px 0;text-align:center;cursor:pointer}.tab-area .tab-header>div.on{color:#f34602;border-bottom:1px solid #f34602;position:relative;top:1px;margin-top:-1px}.tab-area .tab-header>div:last-child>div{border-right:none}.tab-area .tab-header>div>div{padding:2px 0;border-right:1px solid #e6e6e6}.tab-area .tab-bodies .sub-tab-header{margin:15px 0 25px 0;position:relative;width:100%;overflow:hidden}.tab-area .tab-bodies .sub-tab-header i{position:absolute;z-index:9;line-height:36px;cursor:pointer;font-size:14px;font-weight:700;color:#999;background:#fff}.tab-area .tab-bodies .sub-tab-header i.disabled{color:#ccc;cursor:not-allowed}.tab-area .tab-bodies .sub-tab-header i.click-left{left:0}.tab-area .tab-bodies .sub-tab-header i.click-left:after{content:"\e642"}.tab-area .tab-bodies .sub-tab-header i.click-right{right:0}.tab-area .tab-bodies .sub-tab-header i.click-right:after{content:"\e646"}.tab-area .tab-bodies .sub-tab-header .list{margin:0 20px;max-width:5000px}.tab-area .tab-bodies .sub-tab-header .list>div{margin-right:13px;height:36px;line-height:36px;width:120px;text-align:center;cursor:pointer}.tab-area .tab-bodies .sub-tab-header .list>div.active,.tab-area .tab-bodies .sub-tab-header .list>div:hover{background:#eaedf4;color:#333}.tab-area .tab-bodies .sub-tab-content .bill-amount{padding:20px 0;border:1px solid #e6e6e6;font-weight:400}.tab-area .tab-bodies .sub-tab-content .bill-amount>dd{padding:2px 24px;border-left:1px solid #e6e6e6}.tab-area .tab-bodies .sub-tab-content .bill-amount>dd:first-child{border-left:0}.tab-area .tab-bodies .sub-tab-content .bill-amount .big{margin-top:15px;font-size:18px;font-weight:400}.tab-area .tab-bodies .sub-tab-content .bill-detail dt{padding:25px 0;font-size:16px}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list{padding:15px;border:1px solid #e6e6e6}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item{width:100%;border-bottom:1px solid #e6e6e6}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item:last-child{border-bottom:0}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse{padding:28px 45px 28px 0}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse>div{padding-left:10px;width:21%;line-height:20px;text-align:right;word-wrap:break-word;word-break:break-all}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse>div.name{padding-left:0;width:37%;text-align:left}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse>div .icofont{cursor:pointer;padding:0 11px;color:#ababab;font-weight:700}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse>div .icofont:before{content:"\e641"}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .collapse>div .icofont.arrow-up:before{content:"\e647"}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .expand>div{padding-bottom:33px}.tab-area .tab-bodies .sub-tab-content .bill-detail dd.list .item .expand .payfull{color:#f34602;text-align:right}.tab-area .tab-bodies .more-btn{margin-top:31px;width:148px;height:36px;background:#fff;border:1px solid #cecece}.tab-area .tab-bodies .more-btn:hover{color:#cecece;-webkit-box-shadow:#cecece 0 0 5px;-moz-box-shadow:#cecece 0 0 5px;box-shadow:#cecece 0 0 5px}.tab-area .tab-bodies .more-btn.loading{color:#cecece;-webkit-box-shadow:#cecece 0 0 5px;-moz-box-shadow:#cecece 0 0 5px;box-shadow:#cecece 0 0 5px}.tab-area .tab-bodies .more-btn.loading:after{content:"\e667";margin-left:10px;position:absolute;color:#ababab;-webkit-animation:spin 1s linear 1s 5 alternate;animation:spin 1s linear infinite;-moz-animation:spin 1s linear 1s 5 alternate;-o-animation:spin 1s linear 1s 5 alternate}.tab-area .progress{width:80px;text-align:center}.tab-area .progress:before{content:"";width:0;height:0;border-width:13px 0 13px 10px;border-style:solid;border-color:transparent transparent transparent #474e5d;position:relative;float:left;left:38px}.tab-area .progress .tag-time{position:absolute;left:0;float:left;height:26px;line-height:26px;width:79px;background:#474e5d;border-radius:1px 0 0 1px;color:#fff}.tab-area .record{width:calc(100% - 80px)}.tab-area .record .record-list li{line-height:72px;border:1px solid #e6e6e6;margin-bottom:20px;padding:0 20px}.tab-area .record .record-list li:last-child{margin-bottom:0}.tab-area .record .record-list li>div{width:15%;text-align:center}.tab-area .record .record-list .price{float:right}.tab-area .record .record-list .name{float:left;width:55%;text-align:left}.tab-area .record .record-list .name,.tab-area .record .record-list .price{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-area .record>div{width:15%;text-align:center;padding-left:20px}.tab-area .record a{color:#f34602}.tab-area .consume-pane,.tab-area .payment-pane{margin-left:40px}.tab-area .consume-pane>div,.tab-area .payment-pane>div{border-left:1px solid #92a8c3}.tab-area .consume-pane dl,.tab-area .payment-pane dl{margin-top:30px}.tab-area .consume-pane .cmis-no-bill,.tab-area .payment-pane .cmis-no-bill{padding:15px 0}.tab-area .payment-pane .record-list-header .account{float:left;text-align:left;width:auto}.tab-area .payment-pane .record-list-header .account span{font-size:22px;font-weight:700;position:relative;top:3px;left:10px}.tab-area .payment-pane .record-list-header .number{float:right;width:auto;text-align:left}.tab-area .payment-pane .record-list-header .number code{color:#f34602}.tab-area .payment-pane .record-list{padding:0 20px;width:100%;border:1px solid #e6e6e6}.tab-area .payment-pane .record-list>li{margin-bottom:0;border:0;border-bottom:1px solid #e6e6e6}.tab-area .payment-pane .record-list>li:last-child{border-bottom:0}.tab-area .payment-pane .record-list>li>div{width:22%;text-align:center}.tab-area .payment-pane .record-list .time{width:56%;text-align:left}.tab-area .refund-pane dd{margin-top:20px;padding:30px 20px;border:1px solid #e6e6e6}.tab-area .refund-pane dd>div{width:20%;text-align:center;padding-left:60px;line-height:21px}.tab-area .refund-pane dd>div.name{width:40%;text-align:left;padding-left:0}.tab-area .refund-pane dd>div a{cursor:pointer}.tab-area .overtime{font-size:14px}.tab-area .overtime mark{display:block;margin-bottom:8px;height:20px;width:auto;padding:0 16px;line-height:20px;text-align:center;background:#f34602;color:#fff;font-weight:400}.tab-area .overtime i:before{content:"\e67e";margin-left:5px;cursor:pointer;font-size:15px;color:#ababab}.tab-area .overtime a{color:#f34602;cursor:text}.overtime-logicbox .mod-logicbox-box{padding:40px 60px;width:544px;border-radius:1px;text-align:center;line-height:20px}.overtime-logicbox .mod-logicbox-box h1{margin-bottom:14px;font-size:20px}.overtime-logicbox .mod-logicbox-box .button{margin-top:30px;width:220px;height:44px;border-radius:2px}.mod-logicbox-box.cmis_messagebox{width:844px!important}.mod-logicbox-box.cmis_messagebox .cmis_messagebox_content{padding:35px 45px}.mod-logicbox-box.cmis_messagebox .amount{margin:15px 0}.mod-logicbox-box.cmis_messagebox .amount span{color:#a7a7a7;font-size:16px;margin-left:15px}.mod-logicbox-box.cmis_messagebox .amount big{font-size:26px;font-weight:700;color:#f34602}.mod-logicbox-box.cmis_messagebox .list{border:1px solid #e6e6e6;padding:0 30px;max-height:280px;overflow-y:auto;margin-bottom:30px}.mod-logicbox-box.cmis_messagebox .list>div{width:100%;padding:28px 0;line-height:20px;border-bottom:1px solid #e6e6e6;text-align:right}.mod-logicbox-box.cmis_messagebox .list>div:last-child{border-bottom:0}.mod-logicbox-box.cmis_messagebox .list>div>div{width:23%}.mod-logicbox-box.cmis_messagebox .list>div>div:first-child{width:54%;text-align:left}.mod-logicbox-box.cmis_messagebox .button:hover{color:#fff!important;border-color:#fb8600!important}.mod-logicbox-box.cmis_messagebox .button:disabled{cursor:not-allowed}.mod-logicbox-box.cmis_messagebox .button:disabled:active,.mod-logicbox-box.cmis_messagebox .button:disabled:hover{border-color:transparent!important}.special-bill{margin-top:200px}.special-bill h3{max-width:300px;text-align:center;font-size:18px;line-height:28px;margin-bottom:21px}