.form-box{padding: 15px;}
.form-box .input-line{width: 100%;border-bottom: 1px solid #efefef; height: 70px;overflow: hidden;}
.form-box .input-line .tit{width:90px;color: #000;font-size: 18px;font-weight: 500;}
.form-box .input-line input{width: calc(100% - 110px);text-align: right;}
.form-box .submit{width: 100%;background-image: linear-gradient(to right,#6baffe,#3d7dfc);line-height: 60px;text-align: center;font-size: 18px;color: #fff; 
    border-radius: 40px;margin-top: 40px;}
.tips{text-align: right;line-height: 40px;}
.tips a{text-decoration: underline;color: #4585fd;}

/* 我的订单列表 */
.top-box{position: fixed;left: 0;top: 0;background-color: #fff;padding: 15px;padding-bottom: 0; width: 100vw;height: 105px;}
.top-box .search-box{width: 100%;background-color: #f8f8f8;border-radius: 20px;color: #999; padding: 0 10px;height: 40px;}
.top-box .search-box .iconfont{font-size: 14px;width: 20px;}
.top-box .search-box input{width: calc(100% - 20px);height: 40px;}
.top-box .tab-box{height:50px;width: auto;white-space: nowrap;overflow-x: scroll;}
.top-box .tab-box::-webkit-scrollbar{height: 0;}
.top-box .tab-box .swiper-slide { width:auto;font-size: 14px; color: #333333;line-height: 50px;margin-right: 30px;transition: all 0.3s; position: relative; }
.top-box .tab-box .swiper-slide::after { content: ""; position: absolute; width:30px; height:4px;border-radius: 4px;background: #2b5f9b; left:50%; bottom: 0; transform:scale(0) translateX(-50%);
     z-index: 0;transition: all 0.3s linear; opacity: 0; }
.top-box .tab-box .swiper-slide.active::after { transform: scale(1) translateX(-50%); opacity: 1; }
.top-box .tab-box .swiper-slide.active{ color: #2b5f9b;  }
.order-list {padding-top: 120px;}
.order-list .list-item {padding: 0 10px;padding-bottom:10px; background-color: #fff;margin-bottom: 10px;border-radius: 10px;}
.order-list .list-item .number{font-size: 13px;color: #999;}
.order-list .list-item .number .copy{line-height: 18px; padding: 0 5px;font-size:12px;border-radius:4px;border: 1px solid #efefef;margin-left: 5px;}
.order-list .list-item .status{font-size: 14px;}
.status1 { color: #fda700; }
.status2 { color: #10c694; }
.status3 { color: #fd0000; } 
.status4 { color: #225bde; }
.status5 { color: #a6a6a6; }
.order-list .list-item .number{line-height: 40px;color: #999;font-size: 14px;}
.order-list .list-item .cont-box {padding-top: 10px;border-top: 1px solid #efefef;}
.order-list .list-item .cont-box .line{margin-bottom: 5px;font-size: 14px;color: #999;}
.order-list .list-item .cont-box .line .price{color: #000;font-weight: 700;}

/* 我的 */
.user-box{padding: 30px 15px;background-image: linear-gradient(to bottom,#9abcfc,#9abcfc,#f5f7fb);}
.user-box .pic-box{width: 70px;height: 70px;background-color: #fff;border-radius: 50%;margin-right: 10px;}
.user-box .pic-box img{width: 68px;height: 68px;border-radius: 50%;}
.user-box .name{font-size: 18px;color: #000;font-weight: 700;}
.tool-box { padding: 20px; padding-bottom: 0; background-color: #fff; border-radius: 10px;position: relative; z-index: 3; }
.tool-box .title-line {	font-size:18px; color: #000; font-weight: 700;	}
.tool-box .item { width: 100%; font-size: 14px; color: #000; display: flex; align-items: center; height:70px; border-bottom: 1px solid #efefef; position: relative;	}
.tool-box .item .pic { width: 20px; margin-right: 10px; }
.tool-box .item::after { content: "\e8f1"; font-family: 'iconfont'; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); color: #ccc; font-size: 18px; }
.tool-box .item:last-of-type{border-bottom: none;}

/* 我的余额 */
.balance-box {position: relative;}
.balance-box .back { position: absolute; width: 100%; top: 0; left: 0; z-index: 3; }
.balance-box .content-box { position: relative; width: 100%; height: 100%; top: 0; left: 0; z-index: 4;}
.balance-box .content-box .score-box { height: 140px; padding: 0 15px; color: #000;}
.balance-box .content-box .score-box .tit { font-size: 14px; margin-bottom:5px; }
.balance-box .content-box .score-box .num {	font-size:30px; font-weight: 700;line-height: 1; }
.balance-box .content-box .score-box .btn { width:80px; height: 30px; background-color: #ffffff; color: #0056ff; font-size:12px; border-radius: 20px; letter-spacing: 1px;}
.balance-box .box { background-color: #fff; border-radius: 20px 20px 0 0; overflow: hidden;}
.balance-box .box .tab-box { border-bottom: 1px solid #efefef;}
.balance-box .box .tab-box .tab-item { width: 50%; text-align: center; line-height: 50px; color: #999;}
.balance-box .box .tab-box .tab-item.active { color: #000; font-weight: 700; }
.balance-box .box .list{padding: 0 15px;}
.balance-box .box .list-item { padding: 15px 0; border-bottom: 1px solid #efefef; }
.balance-box .box .list-item .name { font-size:14px; color: #000; margin-bottom: 5px;}
.balance-box .box .list-item .name .status { font-size: 10px; padding: 2px 5px; margin-left: 10px; border-radius: 2px;}
.balance-box .box .list-item .name .status.status1 { background-color: #fef6e7; color: #d5882c; }
.balance-box .box .list-item .name .status.status2 { background-color: #d9f6ee; color: #10c694; }
.balance-box .box .list-item .name .status.status3 { background-color: #ffe5e5; color: #ff0012; }
.balance-box .box .list-item .time { font-size:12px; color: #737373; }
.balance-box .box .list-item .num { font-size: 16px; font-weight: 700; color: #000; }
.balance-box .box .list-item .num1{color: #ee6011;}

/* 我要预约 */
.withdrawal-box{width: 100%;background-color: #fff;padding: 20px;border-radius: 15px; }
.withdrawal-box .tit { font-size: 14px; color: #000; }
.withdrawal-box .input-line { padding: 15px 0 5px 0; border-bottom: 1px solid #efefef;}
.withdrawal-box .input-line .unit { width: 32px; color: #000; font-size: 32px; }
.withdrawal-box .input-line input { width: calc(100% - 52px); line-height: 60px; font-size: 40px;}
.withdrawal-box .input-line input::-webkit-input-placeholder{font-size:28px;}
.withdrawal-box .input-line .reset{width: 20px;height: 20px;background-image: url(../images/close.png);background-size: cover;}
.withdrawal-box .tips { padding-top: 15px; font-size:12px; color: #666; }
.withdrawal-box .submit {width: 100%;background-image: linear-gradient(to right,#6baffe,#3d7dfc);line-height: 50px;text-align: center;font-size: 18px;color: #fff; 
    border-radius: 40px;margin-top: 40px;}