/* tabs */
.gto-tabs {
    background: #fff
}

.gto-tab {
    text-align: center;
    line-height: 50px;
}

.gto-tab span {
    font-size: 16px;
    color: #999;
    line-height: 16px;
    padding: 17px 0;
    position: relative;
}

.gto-tab.active span {
    color: #F5B231;
}

.gto-tab.active span::after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 18px;
    left: 50%;
    margin-left: -9px;
    height: 2px;
    background: #F5B231;
    z-index: 2;
}

/*  */
.gto-list {}

.gto-item {
    padding: 0 15px;
    background: #fff;
    overflow-x: hidden;
    margin-bottom: 15px
}

.gto-item-head {
    line-height: 44px;

}

.gto-item-head .p1 {
    font-size: 18px;
    color: #333;
    font-weight: 600
}

.gto-item-head .p2 {
    font-size: 16px;
    color: #F5B231;
}

.gto-item-body {
    line-height: 44px;
    padding-bottom: 10px
}

.gto-item-cont {}

.gto-item-cont .p1 {
    line-height: 24px;
    font-size: 16px;
    color: #999;
}

.gto-item-cont {}

.gto-item-foot {
    height: 50px;
    text-align: right;
    padding: 10px 0;
    line-height: 0;
    font-size: 0;

}

.gto-item-foot.border-1px-t::before {
    left: -15px;
    right: -15px;
    width: auto;
}

.gto-item-foot .cont {
    font-size: 18px;
    color: #F5B231;
    font-weight: 400;
    text-align: left
}

/* #F5B231 */
.gto-item-btn {
    display: inline-block;
    font-size: 16px;
    height: 30px;
    border: 1px solid;
    color: #666666;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background: none;
    padding: 0 12px;
    line-height: 28px;
}

.gto-item-btn.active {
    color: #fff;
    background: #F5B231;
    border: 1px solid #F5B231
}

.gto-item-btn+.gto-item-btn {
    margin-left: 10px;
}

/* 评价师傅 */
.gts-master-score {
    padding-right: 15px
}

.gts-master-score .score {
    color: #FFC000;
    font-size: 18px;
    margin-left: 10px
}

.gtoe-texterea-wrap {
    padding: 0 15px
}

.gtoe-texterea {
    font-size: 16px;
    background: #F0F0F0;
    line-height: 22px;
    padding: 15px;
    border-radius: 4px;
    height: 120px;
    overflow: scroll
}

/* 保险金 */
.gto-im-list {}

.gto-im-item {
    padding: 0 15px;
    background: #fff
}

.gto-im-item .cont {}

.gto-im-item .block {}

.gto-im-item .block .money {
    font-size: 16px;
    color: #FFC000
}

/* 订单详情 */
.gt-detail-map-wrap {
    padding-top: 66.666%;
    position: relative;
}

.gt-detail-map {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.gt-schedule {}

.gt-schedule-block {
    padding: 9px 0;
    position: relative;
}

.gt-schedule-block::after {
    content: '';
    position: absolute;
    width: 50%;
    left: 0;
    height: 2px;
    top: 18px;
    background: #F0F0F0;
    z-index: 1;
}

.gt-schedule-block::before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    height: 2px;
    top: 18px;
    background: #F0F0F0;
}

.gt-schedule-block.active::before,
.gt-schedule-block.active::after {
    background: #F5B231;
}

.gt-schedule .gt-schedule-block:first-child::after,
.gt-schedule .gt-schedule-block:last-child::before {
    display: none
}

.active~.gt-schedule-block::after {
    background: #F5B231;
}

.grey~.gt-schedule-block::after {
    background: #F0F0F0;
}

.gt-schedule-block .circle {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto 10px;
    background: #F0F0F0;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.gt-schedule-block.active .circle {
    background: #F5B231;
}

.gt-schedule-block .text {
    line-height: 16px;
    font-size: 16px;
    color: #999;
    text-align: center;
}

.gt-schedule-block.active .text {
    color: #333;
}

.gtod-btn+.gtod-btn {
    /* margin-left: 20px */
}

button.gtod-btn.green {
    color: #05CC00
}

button.gtod-btn.active {
    color: #fff;
    border: 1px solid #F5B231;
    background: #F5B231
}

/* 支付 */
.pay-info {
    padding: 35px 0;
}

.pay-info .money {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    color: #333;
    text-align: center;
    margin-bottom: 12px;
}

.pay-info .tips {
    font-size: 16px;
    line-height: 20px;
    color: #999999;
    text-align: center;
}

.pay-list {
    padding: 10px 15px 0;
}

.pay-item {
    padding: 8px 0;
}

.pay-icon {
    display: block;
    width: 40px;
    height: 40px;

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.pay-icon.wx {
    background-image: url(../image/icons/icon_wx.png);
}

.pay-icon.zfb {
    background-image: url(../image/icons/icon_zfb.png);
}

.pay-icon.wallet {
    background-image: url(../image/icons/icon_wallet.png);
}

.pay-cont {
    margin: 0 10px;
    font-size: 16px;
    line-height: 16px;
    color: #333
}

.pay-yy {
    font-size: 16px;
    line-height: 16px;
    color: #999999;
    margin: 0 10px 0 0;
}

input.pay-radio {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../image/icons/icon_check02.png);
    padding: 0;
    outline: none;
    border: none
}

input.pay-radio:checked {

    background-image: url(../image/icons/icon_check01.png);
}

.pay-list-title {
    font-size: 18px;
    font-weight: 600;
    height: 48px;
    line-height: 48px
}

.gtod-btn-wrap {
    background: #fff;
    padding: 8px;
    line-height: 0;
    font-size: 0;
    text-align: center;
    justify-content: space-around
}

button.gtod-btn {
    appearance: none;
    -webkit-appearance: none;
    line-height: 42px;
    height: 44px;
    border: 1px solid;
    color: #666666;
    font-size: 18px;
    background: none;
    outline: none;
    display: inline-block;
    padding: 0 17px;
}

/*  */
.order-empty-img {
    display: block;
    width: 60px;
    height: 60px;
    background-size: 60px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../image/order/order-empty.png);
    margin: 0 auto;
}

.order-empty {
    padding-top: 44%;
}

.order-empty-tips {
    line-height: 36px;
    text-align: center;
    padding: 0 15px;
    font-size: 16px;
    color: #999;
    margin-top: 6px
}

.order-empty-btn-wrap {
    margin: 30px 88px 0
}



.gt-order-proup-head {
    line-height: 48px;
    font-size: 18px;
    color: #2E3133;
    font-weight: 400;
    text-align: center;
    position: relative;
}

.gt-order-proup-head .icon-close {
    position: absolute;
    right: 0;
    top: 0
}

.gt-order-proup-dl {
    padding:10px 0px ;
    margin: 0 30px
}

.gt-order-proup-dt {
    line-height: 34px;
    font-size: 16px;
    color: #666
}

.gt-order-proup-dd {

}

input.gt-order-proup-input {
    line-height: 36px;
    min-height: auto;
    padding: 0;
    border: none;
    outline: none;
    font-size: 18px;
    color: #333
}