i{
    font-style: normal;
}
select{
    display: none;
}

/** 发票和收据申请页样式 **/
.iv-wrap{
    width: 100%;
    padding: 19px;
    margin-top: 10px;
    box-sizing: border-box;
    background: #fff;
}
.iv-tips{
    color: rgb(50, 50, 50);
    font-size: 14px;
    padding: 9px;
    border: 1px solid rgb(235, 157, 33);
    border-radius: 4px;
    background: rgb(255, 231, 192);
    box-sizing: border-box;
}
.iv-inner{
    padding-left: 30px;
    background: url("../images/invoice/icon-warning@2x.png") no-repeat left 3px;
}
.iv-module{
    color: rgb(50, 50, 50);
    margin-top: 30px;
}
.iv-module h1{
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 9px;
    border-bottom: 1px dotted rgb(225, 225, 225);
}
.iv-row{
    margin-top: 20px;
    font-size: 16px;
}
.iv-offset-l{
    width: 21%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 20px;
}
.iv-red-star{
    color: rgb(243, 64, 81);
}
.iv-type-ckb{
    width: 216px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
    background: url("../images/invoice/uncheck_normal@2x.png") no-repeat 22% center;
    cursor: pointer;
    position: relative;
}
.iv-type-ckb:hover{
    transition: all 0.3s;
    border-color: rgb(0, 151, 255);
}
.hidden-ipt{
    display: none;
}
.radio-ipt:checked + label{
    transition: all 0.3s;
    background: url("../images/invoice/check_normal@2x.png") no-repeat 22% center;
}
.iv-ipt-lg{
    width: 438px;
    font-size: 16px;
    color: rgb(50, 50, 50);
    padding: 9px 10px 8px 10px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
}
.iv-phone-ipt{
    position: relative;
}
.vi-phone-code{
    width: 76px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 10px;
    border: none;
    border-right: 2px solid rgb(214, 215, 220);
}
.phone-code-select{
    width: 93px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.phone-code-select select{
    width: 93px;
}
.phone-code-select:after{
    content: '';
    width: 2px;
    height: 20px;
    background: rgb(214, 215, 220);
    position: absolute;
    right: 0;
    top: 10px;
}
.iv-select-lg{
    width: 458px;
    height: 38px;
    line-height: 38px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}
.select-orders, .select-area{
    width: 438px;
    padding: 0 10px;
    background: url("../images/btn_up_table.png") no-repeat 438px center;
}
.iv-select-lg select{
    width: 458px;
}
.iv-select-lg .selectBox-dropdown, .phone-code-select .selectBox-dropdown{
    line-height: 39px;
}
.iv-order-num{
    color: rgb(8, 141, 232);
    font-size: 14px;
    margin-right: 22px;
}
.iv-remarks{
    width: 438px;
    font-size: 16px;
    padding: 10px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
}
.iv-slider-wrap{
    display: none;
}
.iv-spread-btn{
    color: rgb(8, 141, 232);
}
.iv-result-info {
    width: 440px;
    padding: 20px 10px;
    margin-top: 10px;
    background: rgb(245, 245, 245);
}
.iv-selected-order{
    margin-bottom: 20px;
}
.iv-selected-order li{
    margin-bottom: 10px;
}
.iv-selected-order .playground-name{
    width: 70%;
    line-height: 22px;
    font-size: 12px;
}
.block-parent{
    line-height: 32px;
}
.custom-block{
    padding-bottom: 20px;
    position: relative;
}
.ipt-block{
    width: 352px;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 4px;
    background: #fff;
}
.set-self-amount, .save-custom, .cancel-custom{
    color: rgb(8, 141, 232);
    font-size: 14px;
    cursor: pointer;
}
.set-self-amout:active{
    color: #453de8;
}
.cancel-custom{
    margin-right: 10px;
}
#customAmount{
    border: none;
    padding-left: 5px;
    padding-top: 7px;
}
.amount-range{
    color: #ff0000;
    font-size: 12px;
    position: absolute;
    left: 64px;
    top: 32px;
}
.iv-order-list{
    width: 458px;
    max-height: 500px;
    border: 1px solid rgb(225, 225, 225);
    border-top: none;
    overflow-y: auto;
}
.month-head{
    height: 22px;
    line-height:22px;
    font-size: 14px;
    color: rgb(144, 144, 144);
    background: rgb(240, 240, 240);
    padding-left: 10px;
}
.order-ul li{
    border-bottom: 1px solid rgb(225, 225, 225);
    position: relative;
    padding-top: 10px;
}
.order-ul li:last-child{
    border-bottom: none;
}
.order-ul li:active{
    transition-duration: 0.3s;
    background: #f9f9f9;
}
.ckb-wrp{
    width: 36px;
    height: 20px;
    display: block;
    background: url("../images/invoice/uncheck_normal@2x.png") no-repeat center;
    position: absolute;
    left: 0;
    top: 10px;
    cursor: pointer;
}
.ckb-ipt:checked + span{
    transition: all 0.3s;
    background: url("../images/invoice/check_normal@2x.png") no-repeat center;
}
.order-info{
    width: 400px;
    margin-left: 36px;
    cursor: pointer;
}
.order-title{
    font-size: 14px;
    line-height: 1.25em;
}
.price-p{
    line-height: 36px;
    color: rgb(144, 144, 144);
    font-size: 12px;
    border-bottom: 1px dotted rgb(225, 225, 225);
}
.price-apply{
    line-height: 40px;
    font-size: 13px;
}
.price-apply .txt-blue{
    color: rgb(8, 141, 232);
}
.price-apply .txt-blue small{
    font-size: 12px;
}
.price-apply .txt-blue strong{
    font-size: 15px;
}
.submit-btn-wrp{
    margin-left: 21%;
    padding-left: 20px;
}
/*.btn-blue-lg{
    min-width: 152px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 0 40px;
    border: none;
    border-radius: 4px;
    background: rgb(8, 141, 232);
    cursor: pointer;
}
.btn-blue-lg:hover{
    background: rgb(51, 158, 232);
    transition: background 0.3s;
}
.btn-blue-lg:active{
    background: rgb(25, 124, 232);
}*/
.empty-tips-wrp{
    padding-top: 100px;
    text-align: center;
}
.empty-tips-wrp p{
    font-size: 14px;
    color: rgb(144, 144, 144);
    margin-top: 40px;
}
.area-block{
    width: 460px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid rgb(214, 215, 220);
    border-top: none;
    border-radius: 0 0 4px 4px;
}
.area-title{
    color: rgb(8, 141, 232);
    font-size: 14px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgb(225, 225, 225);
}
#selectedTip{
    position: relative;
    top: 4px;
}
.selected-area{
    color: rgb(8, 141, 232);
    display: inline-block;
    padding: 3px 24px 3px 6px;
    margin-right: 10px;
    border: 1px solid rgb(225, 225, 225);
    border-radius: 4px;
    background: rgb(250, 250, 250);
    position: relative;
}
.selected-area:hover{
    transition: all 0.3s;
    box-shadow: 2px 3px 5px #c3babd;
}
.del-sign{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer;
}
.del-sign:before, .del-sign:after{
    content: '';
    width: 10px;
    height: 1px;
    background: rgb(8, 141, 232);
    position: absolute;
    top: 4px;
    left: 0;
}
.del-sign:before{
    transform: rotate(-45deg);
}
.del-sign:after{
    transform: rotate(45deg);
}
.del-sign:hover:before, .del-sign:hover:after{
    transition: background 0.3s;
    background: #ff0000;
}
.province-list{
    margin-top: 10px;
}
.province-list li{
    color: rgb(50, 50, 50);
    font-size: 14px;
    margin: 0 10px 10px 0;
    display: inline-block;
    cursor: pointer;
}
.province-list li:hover{
    transition: all 0.3s;
    color: rgb(8, 141, 232);
    text-decoration: underline;
}
.pay-wrp{
    width: 458px;
    padding: 14px 0;
    border: 1px solid rgb( 214, 215, 220);
    border-radius: 4px;
    cursor: pointer;
}
.pay-wrp:hover{
    transition: border 0.3s;
    border-color: rgb(15, 183, 10);
}
.pay-radio-label{
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid rgb(214, 215, 220);
    /*background: url("../images/invoice/empty_grey_circle.png") no-repeat center;*/
    border-radius: 50%;
    margin: 6px 20px;
    position: relative;
    cursor: pointer;
}
/*.pay-type-radio:checked + label{
    background: url("../images/invoice/full_circle.png") no-repeat center;
}*/
.pay-name{
    height: 30px;
    line-height: 30px;
    padding-left: 41px;
}
.alipay-bg{
    background: url("../images/invoice/alipay_log.png") no-repeat left center;
}
.cash-pay-bg{
    background: url("../images/invoice/cash_pay_log.png") no-repeat left center;
}
.postage{
    color: rgb(240, 66, 53);
    font-size: 14px;
    margin-left: 30px;
}
#postage{
    font-size: 18px;
}

/** 收据申请页独立样式 */
.order-top-wrap .iv-order-list{
    width: 100%;
    max-height: 450px;
    border-top: 1px solid rgb(225, 225, 225);
}
.order-top-wrap .order-info{
    width: 450px;
}
.iv-search-bar{
    margin-bottom: 20px;
}
.form-wrp-sm{
    margin-right: 10px;
}
.iv-select-sm{
    min-width: 138px;
    height: 32px;
    line-height: 32px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
    cursor: pointer;
}
.iv-select-sm select{
    width: 138px;
}
.iv-select-sm .selectBox-dropdown{
    height: 33px;
    line-height: 33px;
    font-size: 12px;
}
.other-content{
    display: none;
    margin-top: 10px;
}
.key-word-parent{
    position: relative;
}
.order-keyword{
    width: 160px;
    font-size: 12px;
    padding: 8px 24px 8px 10px;
    border: 1px solid rgb(214, 215, 220);
    border-radius: 4px;
    background: #fff;
}
.search-btn-sm{
    width: 22px;
    height: 34px;
    background: url("../images/invoice/btn_search_table_order.png") no-repeat 2px center;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
}
.pager-wrap{
    margin-top: 20px;
    vertical-align: middle;
}
.pager-list li{
    width: 20px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid rgb(225, 225, 225);
}
.pager-list li:first-child{
    border-right: none;
    margin-right: 10px;
}
.pager-list li:last-child{
    border-right: none;
    margin-left: 10px;
}
.direction-btn{
    width: 20px;
    height: 20px;
    color: rgb(144, 144, 144);
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    border: 1px solid rgb(225, 225, 225);
    box-sizing: border-box;
    cursor: pointer;
}
.direction-btn:hover{
    color: rgb(8, 141, 232);
    border-color: rgb(8, 141, 232);
    transition: all 0.3s;
}
.list-btn-wrp{
    margin-top: 20px;
}


/*** 发票申请列表页样式 ***/
/*.iv-apply-list{
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
}
.apply-list-ul li{
    width: 100%;
    padding: 20px 20px 0 20px;
    margin-top: 10px;
    box-sizing: border-box;
    background: #fff;
}
.apply-time{
    color: rgb( 144, 144, 144);
}
.pay-status{
    color: rgb(243, 64, 81);
}
.apply-info > span{
    margin-right: 50px;
}
.detail-row{
    padding: 20px 0;
}
.bottom-row{
    text-align: right;
    padding: 10px 0;
    border-top: 1px dashed rgb(225, 225, 225);
}
.btn-blue-sm{
    min-width: 120px;
    padding: 0;
}
.btn-blue-sm:hover{
    color: #fff;
}
.non-fill-btn{
    min-width:120px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    border: 1px solid rgb(200, 199, 204);
    border-radius: 4px;
    cursor: pointer;
}
.blue-hover{
    margin-left: 20px;
    color: rgb(8, 141, 232);
    border-color: rgb(8, 141, 232);
}
.grey-hover:hover{
    color: rgb(75, 197, 244);
    border-color: rgb(75, 197, 244);
    transition: all 0.3s;
}*/
#mainDialog .pay-wrp{
    width: 340px;
}
.pay-btn-wrp{
    margin-top: 30px;
    margin-left: 21%;
}
.pay-btn-wrp button{
    margin-left: 20px;
}

/**** 发票详情页样式 ***/
.iv-info-wrp{
    padding: 20px;
    margin-top: 10px;
    font-size: 14px;
    background: #fff;
}
.iv-info-wrp .bottom-row{
    border-top: none;
    margin-top: 0;
}
.iv-info-tips{
    line-height: 2em;
    color: rgb(144, 144, 144);
}
.iv-content-parent{
    padding: 20px 0;
}
.iv-content-parent p{
    line-height: 2em;
}
.iv-detail-total{
    font-size: 14px;
}
.is-apply-order{
    padding: 20px;
    margin-bottom: 10px;
    background: rgb(250, 250, 250);
}
.order-title{
    line-height: 1.25em;
}
.apply-time-detail span{
    text-align: left;
    color: rgb(144, 144, 144);
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
}
/*.apply-time-detail span:first-child{
    width: 26%;
}
.apply-time-detail .iv-date,
.apply-time-detail .iv-total{
    width: 20%;
}*/
.iv-error-msg{
    min-width: 208px;
    font-size: 14px;
    padding: 8px 5px;
    margin-top: 10px;
}


/********************* js动态操作的样式 *************************/
.elem-hide{
    display: none;
}
.J_ckb-active{
    background: url("../images/invoice/check_normal@2x.png") no-repeat 22% center;
}
.J_ckb-active:after{
    content: '';
    width: 219px;
    height: 40px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 2px solid rgb(0, 151, 255);
    border-radius: 4px;
    box-sizing: border-box;
    transition: all 0.3s;
}
.J_pay-wrp-active{
    transition: border 0.3s;
    border-color: rgb(15, 183, 10);
}
.J_pay-wrp-active label{
    transition: background 0.3s;
    background: url("../images/invoice/full_circle.png") no-repeat center;
}
.J_pager-active a{
    color: rgb(0, 151, 255);
    transition: color 0.3s;
}