header{ height: 0.75rem; line-height: 0.75rem; } .header-back{ position: absolute; left: 0.3rem; top: 0; } .my-order-title{ height: 0.7rem; } .my-order-center{ height: 1.04rem; } .my-order-bottom{ height: 0.5rem; } .search-state{ width: 1.2rem; height: 0.44rem; line-height: 0.44rem; display: inline-block; } .search-top{ height: 0.7rem; } .search-choose{ height: 0.86rem; } .search-choose1{ } .btn-search{ margin-top: 0.44rem; width: 6rem; height: 0.7rem; line-height: 0.7rem; display: block; } .search-mask-top{ height: 0.76rem; line-height: 0.76rem; border-top-left-radius: 5px; border-top-right-radius: 5px; } .search-mask-list{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .search-mask-list li{ height: 0.76rem; line-height: 0.76rem; } .search-mask-list1{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .search-mask-list1 li{ height: 0.76rem; line-height: 0.76rem; } .list-bottom li:after{ width: 96%; left: auto; right: 0; } .list-bottom li:before{ width: 96%; left: auto; right: 0; } .list-bottom-width100 li:after{ width: 100%; left: auto; right: 0; } .list-bottom li:last-child:after{ content: initial; } .list-bottom li:last-child{ border-bottom:none; } .select-area-layout, .select-court-layout, .remark-page{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .select-court-layout{ -webkit-transform:translateX(100%); transform:translateX(100%); } .area-search-form{ padding-right: .65rem; background-color: #cbc9cf; } .area-search-form .form-control{ padding: 0 .1rem; height: .5rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border:none; width: 100%; display: block; } .area-search-form .form-control::-webkit-input-placeholder { color: #8e8e93; } .area-search-form .icon-search{ position: absolute; top: .26rem; left: 37%; } .area-recent-list li{ margin-right: .35rem; margin-bottom: .15rem; width: 1.65rem; height: .6rem; line-height: .6rem; text-align: center; } .area-recent-list li:nth-child(3n+3){ margin-right: 0; } .area-city-list li{ height: .95rem; line-height: .95rem; } /*.area-city-list li:first-child, .court-list li:first-child{ border-top:1px solid #d2d2d7; }*/ .area-search-list{ position: fixed; top: .75rem; right: 0; padding-top: 1.45rem; width: .48rem; height: 100%; text-align: center; background-color: rgba(255, 255, 255, 0.9); } .area-search-list a{ color: #007aff; } .court-list p, .court-list .list-bottom li{ line-height: 0.75rem; height: 0.75rem; } @-webkit-keyframes pageIn{ from{ -webkit-transform:translateX(100%); transform:translateX(100%); } to{ -webkit-transform:translateX(0); transform:translateX(0); } } @keyframes pageIn{ from{ -webkit-transform:translateX(100%); transform:translateX(100%); } to{ -webkit-transform:translateX(0); transform:translateX(0); } } .pageIn{ -webkit-animation: pageIn 0.4s ease forwards; animation: pageIn 0.4s ease forwards; } @-webkit-keyframes pageOut{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } @keyframes pageOut{ from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } to{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); } } .pageOut{ -webkit-animation: pageOut 0.4s ease forwards; animation: pageOut 0.4s ease forwards; } .service-height{ height: 0.75rem; } .service-info-form label{ height: 20px; line-height: 20px; display: inline-block; } .service-info-form input{ border:none; display: block; color: #333; font-size: 14px; height: 20px; } .service-progress{ height: 1.2rem; position: relative; top: -1px; } .service-progress-item{ position: relative; } .service-progress-bar{ position: absolute; top: .4rem; width: 100%; height: 1px; } .service-progress-dotted{ position: absolute; top: .4rem; margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; border-radius: 100%; } .service-progress-item p{ position: absolute; top: .4rem; margin-top: 15px; width: 50px; text-align: center; } .service-progress-item.active .service-progress-dotted:after{ content: ""; display: block; position: absolute; top: 0; left: 0; margin-left: -2.5px; margin-top: -2.5px; width: 15px; height: 15px; background:url(../images/icon_circle.png) center center no-repeat; background-size: cover; } .service-progress-item:first-child .service-progress-bar{ right: 0; width: 67%; } .service-progress-item:first-child .service-progress-dotted, .service-progress-item:first-child .service-progress-num{ left: 33%; } .service-progress-item:first-child p{ left: 33%; margin-left: -25px; } .service-progress-item:last-child .service-progress-bar{ left: 0; width: 67%; } .service-progress-item:last-child .service-progress-dotted, .service-progress-item:last-child .service-progress-num{ left: 67%; } .service-progress-item:last-child p{ left: 67%; margin-left: -25px; } .service-progress-item:nth-child(2) .service-progress-dotted, .service-progress-item:nth-child(2) .service-progress-num{ left: 45%; } .service-progress-item:nth-child(2) p{ left: 45%; margin-left: -25px; } .service-progress-item:nth-child(3) .service-progress-dotted, .service-progress-item:nth-child(3) .service-progress-num{ left: 58%; } .service-progress-item:nth-child(3) p{ left: 58%; margin-left: -25px; } .service-progress-num{ position: absolute; top: 0.34rem; margin-top: -5px; margin-left: -5px; width: 15px; height: 15px; border-radius: 100%; } .btn-service{ height: 0.7rem; line-height: 0.7rem; display: block; margin-top: 0.35rem; margin-bottom: 0.5rem; } .btn-pay{ margin-top: 0.5rem; display: block; height: 0.7rem; line-height: 0.7rem; margin-bottom: 1.2rem; } .mask-confirm{ width: 4.6rem; height: 2.1rem; } .mask-confirm-content{ height: 1.35rem; } .mask-confirm-btn a{ height: 0.75rem; line-height: 0.75rem; } .mask-confirm-btn a+a{ border-left:1px solid #dadade; } .commission-info+.commission-info{ margin-top: 0.1rem; } .remark-text{ width: 6.05rem; height: 3.4rem; display: block; } .remark-text::-webkit-input-placeholder{ color: #aaa; } .btn-remark{ height: 0.7rem; line-height: 0.7rem; } .remark-page{ overflow-y: auto; -webkit-transform:translateX(100%); transform:translateX(100%); } .check-file-lawyer{ height: 1.7rem; } .lawyer-pic{ width: 1.03rem; height: 1.03rem; border-radius: 100%; } .record-list{ width: 100%; } .record-list .circle{ width: 13px; height: 13px; display: inline-block; background: url(../images/record-grey.png) center center no-repeat; background-size: cover; } .record-list li .circle{ width: 13px; height: 13px; background: url(../images/record-blue.png) center center no-repeat; background-size: cover; z-index: 10; } .record-list li:first-child .line{ display: none; } .record-list li .line{ width: 1px; height: 105%; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -101%; background-color: #bfbfbf; z-index: 2; } .record-list li:nth-child(2) .line{ top: -94%; height: 102%; } .btn-delivery, .btn-confirm, .btn-evaluate{ margin-top: 0.5rem; margin-bottom: 0.5rem; height: 0.7rem; line-height: 0.7rem; } .delivery-page .mask-box{ width: 5.4rem; background-color: #e3e3e3; } .delivery-form{ border:1px solid #a0a0a0; } .delivery-form .form-control{ height: 0.62rem; line-height: 0.62rem; } .delivery-form .form-control input{ border:none; width: 100%; height: 0.62rem; padding-top: 0.1rem; padding-bottom: 0.15rem; background-color: transparent; display: block; } .delivery-btn a{ height: 0.88rem; line-height: 0.88rem; color: #007aff; } .delivery-btn a+a{ border-left: 1px solid #b5b5b5; } .delivery-btn{ border-top:1px solid #b5b5b5; } .delivery-form .form-control:first-child{ border-bottom: 1px solid #bfbfbf; } .delivery-form .form-control:first-child input{ border-top-left-radius: 5px; border-top-right-radius: 5px; } .delivery-form .form-control:last-child input{ border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .check-file-pic img, .invoice-pic{ width: 1.02rem; height: 1.02rem; display: block; } .btn-pay-red{ width: 1.0rem; height: 0.5rem; line-height: 0.5rem; border:1px solid #e65046; } .swiper-pagination-bullet-active{ background-color: #53a2ff; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 5px; } .service-list li a{ height: 1.55rem; } .new-state{ display: inline-block; font-size: 20px; text-align: center; /*width: 70px;*/ height: 25px; line-height: 24px; color: #ff5599; border:1px solid #ff5599; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; position: relative; top: -0.1rem; } /*20161124*/ .my-order-list .my-order-title:active, .search-top:active, .search-choose:active, .service-remark:active, .area-recent-list li:active, .area-city-list li:active, .court-list-town li:active, .court-back-btn:active, .service-list li:active, .search-mask-list li:active{ background-color: #d9d9d9; } .search-choose.br-bottom1:after{ width: 97%; right: 0; left: auto; } .btn-search:active, .btn-service:active, .btn-remark:active, .btn-delivery:active, .btn-evaluate:active, .btn-pay:active{ opacity: 0.8; } .btn-pay-red:active{ background-color: #e65046; color: #fff; } .delivery-btn .btn-yes:active, .delivery-btn .btn-cancel:active, .mask-confirm-btn .btn-yes:active, .mask-confirm-btn .btn-cancel:active{ background-color: #007aff; color: #fff; } .delivery-btn .btn-yes:active{ border-bottom-right-radius: 5px; } .delivery-btn .btn-cancel:active{ border-bottom-left-radius: 5px; } .mask-confirm-btn .btn-yes:active{ border-bottom-right-radius: 10px; } .mask-confirm-btn .btn-cancel:active{ border-bottom-left-radius: 10px; } .icon-radio1.on{ width: 14px; height: 14px; display: inline-block; background: url(../images/radio.on2.png) center center no-repeat; background-size: cover; } .icon-radio1{ width: 14px; height: 14px; display: inline-block; background: url(../images/radio2.png) center center no-repeat; background-size: cover; } .record-list .br-bottom1:after{ width: 93%; left: auto; right: 0; } .record-list li:before{ content: ''; width: 1px; height: 90%; position: absolute; left: 6px; top: -59%; background-color: #bfbfbf; z-index: 2; } .record-list li:first-child:before{ content: initial; } /*搜索*/ .btn-search-right{ width: 0.8rem; height: 0.5rem; line-height: 0.5rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 1px solid #cbc9cf; font-size: 12px; } .search-city-wrapper{ position: fixed; left: 0; top: 1.56rem; width: 5.92rem; height: 100%; z-index: 999; overflow-y: auto; } .search-city-list li{ height: 0.75rem; line-height: 0.75rem; } .btn-search-right:active{ background-color: #53a2ff; color: #fff; } .search-city-list li:active{ background-color: #d9d9d9; }